文档介绍:DIV+CSS 规范命名大全集合网页制作中规范使用 DIV+CSS 命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体 DIV CSS 命名规则 CSS 命名大全内容篇。常用 DIV+CSS 命名大全集合,即 CSS 命名规则我们开发 CSS+DIV 网页( Xhtml )时候,比较困惑和纠结的事就是 CS S 命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法。一、命名规则说明: ) 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 命名和 DIV CSS 命名方法。二、相对网页外层重要部分 CSS 样式命名: 外套 wrap ------------------ 用于最外层头部 header ---------------- 用于头部主要内容 main ------------ 用于主体内容(中部) 左侧 main-left ------------- 左侧布局右侧 main-right ----------- 右侧布局导航条 nav ----------------- 网页菜单导航条内容 content --------------- 用于网页中部主体底部 footer ----------------- 用于底部三、 DIV+CSS 命名参考表: - 以下为 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 法律声明#sitein