<legend id="a5jtk"></legend>

  • <video id="a5jtk"><pre id="a5jtk"><p id="a5jtk"></p></pre></video>
      <meter id="a5jtk"><listing id="a5jtk"><address id="a5jtk"></address></listing></meter>
    1. <small id="a5jtk"><form id="a5jtk"><em id="a5jtk"></em></form></small>

          1. <small id="a5jtk"><table id="a5jtk"><td id="a5jtk"></td></table></small>
            首页 > php教程 > PHP头条 > 正文

            常用的CSS命名规范大总结,非常实用(收藏)

            原创 2019-04-23 10:44:41 1 1863
            第六期线上培训班
            CSS命名由小写的英文单词或组合命名,单词与单词之间通过“-”连接,常用的CSS命名规范有文本命名规范,页面结构命名规范,导航命名以及功能命名等。

            CSS 命名一般采用小写英文单词或组合命名,单词与单词之间以"-"分割,而且英文单词不缩写,除非是那种简单一眼看上去就能明白的单词。接下来在文章中分享一些CSS中常用的命名规范,希望对大家有所帮助

            【推荐课程:CSS教程

            文本命名规范

            index.css: 一般用于首页建立样式

            head.css: 头部样式,当多个页面头部设计风格相同时使用。

            base.css: 共用样式。

            style.css:独立页面所使用的样式文件。

            global.css:页面样式基础,全局公用样式,页面中必须包含。

            layout.css:布局、版面样式,公用类型较多时使用,一般用在首页级页面和产品类页面中

            module.css:模块,用于产品类页,也可与其它样式配合使用。

            master.css:主要的样式表

            columns.css:专栏样式

            themes.css:主体样式

            forms.css:表单样式

            mend.css:补丁,基于以上样式进行的私有化修补。

            页面结构命名:

            page:代表整个页面,用于最外层。

            wrap:外套,将所有元素包在一起的一个外围包,用于最外层

            wrapper:页面外围控制整体布局宽度,用于最外层

            container:一个整体容器,用于最外层

            head,header:页头区域,用于头部

            nav: 导航条

            content:内容,网站中最重要的内容区域,用于网页中部主体

            main:网站中的主要区域(表示最重要的一块位置),用于中部主体内容

            column:栏目

            sidebar:侧栏

            foot,footer:页尾、页脚。网站一些附加信息放置区域,(或命名为 copyright)用于底部

            导航命名:

            nav, navbar, navigation, nav-wrapper:导航条或导航包,代表横向导航

            topnav:顶部导航

            mainbav:主导航

            subnav:子导航

            sidebar:边导航

            leftsidebar 或 sidebar_a:左导航

            rightsidebar 或 sidebar_b:右导航

            title:标题

            summary:摘要

            menu:菜单,区域包含一般的链接和菜单

            submenu:子菜单

            drop:下拉

            dorpmenu:下拉菜单

            links:链接菜单

            功能命名:

            logo:标记网站logo标志

            banner:标语、广告条、顶部广告条

            login:登陆,(例如登录表单:form-login)

            loginbar:登录条

            register:注册

            tool, toolbar:工具条

            search:搜索

            searchbar:搜索条

            searchlnput:搜索输入框

            shop:功能区,表示现在的

            icon:小图标

            label:商标

            homepage:首页

            subpage:二级页面子页面

            hot:热门热点

            list:文章列表,(例如:新闻列表:list-news)

            scroll:滚动

            tab:标签

            sitemap:网站地图

            msg 或 message:提示信息

            current:当前的

            joinus:加入

            status:状态

            btn:按钮,(例如:搜索按钮可写成:btn-search)

            tips:小技巧

            note:注释

            guild:指南

            arr, arrow:标记箭头

            service:服务

            breadcrumb:(即页面所处位置导航提示)

            download:下载

            vote:投票

            siteinfo:网站信息

            partner:合作伙伴

            link, friendlink:友情链接

            copyright:版权信息

            siteinfoCredits:信誉

            siteinfoLegal:法律信息

            php中文网最新课程二维码
          2. 相关标签:CSS命名规范
          3. 本文原创发布php中文网 ,转载请注明出处,感谢您的尊重!
          4. 相关文章


          5. CSS命名规范
          6. CSS命名规范及网站常用中英文对照表
          7. div+css命名规范大全
          8. 常用的CSS命名规范大总结,非常实用(收藏)
          9. 网友评论

            文明上网理性发言,请遵守 新闻评论服务协议

            我要评论
            独孤九贱(5)_ThinkPHP5视频教程

            独孤九贱(5)_ThinkPHP5视频教程

            ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架常识开始,将...

            独孤九贱(4)_PHP视频教程

            独孤九贱(4)_PHP视频教程

            江湖传言:PHP是世界上最好的编程语言。真的是这样吗?这个梗究竟是从哪来的?学会本课程,你就会明白了。 PHP中文网出品的PHP入门系统教学视频,完全从初学者的角度出发,绝不玩虚的,一切以实用、有用...

            独孤九贱(1)_HTML5视频教程

            独孤九贱(1)_HTML5视频教程

            《php.cn原创html5视频教程》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了HTML知识。 ...

            ThinkPHP5实战之[教学管理系统]

            ThinkPHP5实战之[教学管理系统]

            本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

            PHP入门视频教程之一周学会PHP

            PHP入门视频教程之一周学会PHP

            所有计算机语言的学习都要从基础开始,《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术,是学习PHP必须掌握的内容,任何PHP项目的实现都离不开这部分的内容,通...

            作者信息

            清浅

            认证0级讲师

            最近文章
            php采集cms有哪些 972
            php表单生成器有好处吗 239
            如何优化mysql数据库 219

            相关视频教程

          10. CSS3进阶视频教程 CSS3进阶视频教程
          11. CSS视频教程-玉女心经版 CSS视频教程-玉女心经版
          12. HTML+CSS网页基础 HTML+CSS网页基础
          13. 相关视频章节

            本港台聊天室-本港台六开彩开奖结果-本港台六开奖结果