R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R

      <noframes id="LVXRHZN"><address id="LVXRHZN"><nobr id="LVXRHZN"></nobr></address>

      <noframes id="LVXRHZN"><noframes id="LVXRHZN"><address id="LVXRHZN"><listing id="LVXRHZN"></listing></address>
      <sub id="LVXRHZN"></sub>

        <sub id="LVXRHZN"></sub>
        <address id="LVXRHZN"><listing id="LVXRHZN"><menuitem id="LVXRHZN"></menuitem></listing></address>

        <sub id="LVXRHZN"></sub>

        <address id="LVXRHZN"></address>

        <address id="LVXRHZN"></address>
        <noframes id="LVXRHZN">

          <noframes id="LVXRHZN">
          <sub id="LVXRHZN"></sub>
              <address id="LVXRHZN"><listing id="LVXRHZN"><menuitem id="LVXRHZN"></menuitem></listing></address>
            1. 820466150 2017-11-04
            2. 388113149 2017-11-04
            3. 740898148 2017-11-04
            4. 892683147 2017-11-04
            5. 540252146 2017-11-04
            6. 888745145 2017-11-04
            7. 981419144 2017-11-04
            8. 544637143 2017-11-04
            9. 454205142 2017-11-04
            10. 212476141 2017-11-04
            11. 39821140 2017-11-04
            12. 170835139 2017-11-03
            13. 37766138 2017-11-03
            14. 538854137 2017-11-03
            15. 926181136 2017-11-03
            16. 18188135 2017-11-03
            17. 420335134 2017-11-03
            18. 553276133 2017-11-03
            19. 4149132 2017-11-02
            20. 883561131 2017-11-02
            21. 891189130 2017-11-02
            22. 649552129 2017-11-02
            23. 950957128 2017-11-02
            24. 295914127 2017-11-02
            25. 781243126 2017-11-02
            26. 682892125 2017-11-02
            27. 829649124 2017-11-02
            28. 168426123 2017-11-01
            29. 406171122 2017-11-01
            30. 724134121 2017-11-01
            31. “砥砺奋进的五年”大型成就展
            32. “总书记的回信说到了我们心坎上”
            33. 德媒:拒绝“洋垃圾”——肮脏的游戏,中国不玩了
            34. 求实创造 为人师表
            35. 家长群里质疑老师收礼排座位 被班主任踢出家长群
            36. 两手抓两促进 打造坚强战斗堡垒
            37. 新论:党章,每个党员都需时刻铭记
            38. 谁击落了MH17?各方互相指责
            39. 互联网用户公众账号信息服务管理规定
            40. 台籍律师在大陆 就业+创业不是“梦”
            41. 法国总统说政治对话是保证叙利亚实现可持续和平的唯一办法
            42. 天胶“保险+期货”精准扶贫首批给付500万 惠及云南临沧400余建档贫困户
            43. [征集]资深网友看这里 新时代老人们希望何种"夕阳红"
            44. 近千家A股公司三季报业绩预喜
            45. 台媒吹台特种兵“斩首”能力一流:堪比海豹三角洲
            46. 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
              您的位置:DIVCSS5学习网 > CSS技巧 >

              DIV+CSS规范命名大全集合

              网页制作中规范使用DIVCSS5学习网命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇。

              常用DIV+CSS命名大全集合,即CSS命名规则

              DIV CSS命名目录
              1. 命名规则说明
              2. 重要CSS命名
              3. CSS命名参考表
              4. 命名技巧

              我们开发DIVCSS5学习网网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法。

              一、命名规则说明:   -   TOP

              1)、所有的命名最好都小写
              2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"
              3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整
              4)、空元素要有结束的tag或于开始的tag后加上"/"
              5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
              6)、<h1>到<h5>的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。
              7)、给每一个表格和表单加上一个唯一的、结构标记id
              8)、给图片加上alt标签
              9)、尽量使用英文命名原则
              10)、尽量不缩写,除非一看就明白的单词

              DIVCSS5给大家介绍常见CSS命名和DIVCSS5学习网命名方法。

              二、相对网页外层重要部分CSS样式命名:  -   TOP

              外套 wrap ------------------用于最外层
              头部 header ----------------用于头部
              主要内容 main ------------用于主体内容(中部)
              左侧 main-left -------------左侧布局
              右侧 main-right -----------右侧布局
              导航条 nav -----------------网页菜单导航条
              内容 content ---------------用于网页中部主体
              底部 footer -----------------用于底部

              三、DIV+CSS命名参考表:   -   TOP

              以下为CSS样式命名与CSS文件命名参考表,DIV CSS命名集合:

              CSS样式命名 说明
              网页公共命名
              #wrapper 页面外围控制整体布局宽度
              #container或#content 容器,用于最外层
              #layout 布局
              #head, #header 页头部分
              #foot, #footer 页脚部分
              #nav 主导航
              #subnav 二级导航
              #menu 菜单
              #submenu 子菜单
              #sideBar 侧栏
              #sidebar_a, #sidebar_b 左边栏或右边栏
              #main 页面主体
              #tag 标签
              #msg #message 提示信息
              #tips 小技巧
              #vote 投票
              #friendlink 友情连接
              #title 标题
              #summary 摘要
              #loginbar 登录条
              #searchInput 搜索输入框
              #hot 热门热点
              #search 搜索
              #search_output 搜索输出和搜索结果相似
              #searchBar 搜索条
              #search_results 搜索结果
              #copyright 版权信息
              #branding 商标
              #logo 网站LOGO标志
              #siteinfo 网站信息
              #siteinfoLegal 法律声明
              #siteinfoCredits 信誉
              #joinus 加入我们
              #partner 合作伙伴
              #service 服务
              #regsiter 注册
              arr/arrow 箭头
              #guild 指南
              #sitemap 网站地图
              #list 列表
              #homepage 首页
              #subpage 二级页面子页面
              #tool, #toolbar 工具条
              #drop 下拉
              #dorpmenu 下拉菜单
              #status 状态
              #scroll 滚动
              .tab 标签页
              .left .right .center 居左、中、右
              .news 新闻
              .download 下载
              .banner 广告条(顶部广告条)
              电子贸易相关
              .products 产品
              .products_prices 产品价格
              .products_description 产品描述
              .products_review 产品评论
              .editor_review 编辑评论
              .news_release 最新产品
              .publisher 生产商
              .screenshot 缩略图
              .faqs 常见问题
              .keyword 关键词
              .blog 博客
              .forum 论坛

              CSS文件命名 说明
              master.css,style.css 主要的
              module.css ???/td>
              base.css 基本共用
              layout.css 布局,版面
              themes.css 主题
              columns.css 专栏
              font.css 文字、字体
              forms.css 表单
              mend.css 补丁
              print.css 打印

              CSS命名其它说明:

              DIV+CSS命名小结:无论是使用“.”(小写句号)选择符号开头命名,还是使用“#”(井号)选择符号开头命名都无所谓,但我们最好遵循,主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名,同时考虑命名的CSS选择器在HTML中重复使用调用。

              通常我们最常用主要命名有:wrap(外套、最外层)、header(页眉、头部)、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用)
              、content (内容区)、footer(页脚、底部)、logo(标志、可以配合h1标签使用)、banner(广告条,一般在顶部)、copyRight(版权)。其它可根据自己需要选择性使用。

              DIVCSS5建议:主要的、重要的、最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名。

              2.CSS样式文件命名如下

              主要的 master.css
              布局,版面 layout.css
              专栏 columns.css
              文字 font.css
              打印样式 print.css
              主题 themes.css

              四、英文命名技巧:   -   TOP

              如果遇到不常用的,可以借助翻译工具进行翻译取其英文命名。
              推荐使用谷歌在线翻译工具:http://www.tommstudio.com/
              谷歌翻译工具介绍:http://www.tommstudio.com/css-tool/t346.shtml

              也许你需要了解一下css引用html方法

              以上为DIV+CSS的命名规则总结,相信通过规范的DIVCSS5学习网命名给你以后网站网页的维护带来方便。  

              如需转载,请注明文章出处和来源网址:http://www.tommstudio.com/jiqiao/j4.shtml

              我要分享到:
              上一篇:没有了
              下一篇:DIV+CSS与TABLE的网页优势何在?

              必备CSS教程 Essential CSS Tutorials

              必备HTML基础教程 Essential HTML Tutorials

              如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
              DIVCSS5学习网文章修订日期:2010-02-08 15:35 原创:DIVCSS5学习网
              本文www.tommstudio.com DIVCSS5版权所有。