div+css命名规则.docx

div+css命名规则（一）命名规则:使用骆驼命名规则,即第一个英文单词小写,从第二个英文单词起,头一个字母大写：如:leftcontent,写成:leftContent栏目等级:col1 col2 col3 col4 col5 col6宽度从大到小依次排列头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：col页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginNar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subNav菜单：menu子菜单：subMenu搜索：search友情链接：friendLink页脚：footer版权：copyright滚动：scroll内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service注册：regsiter状态：status投票：vote合作伙伴：partner(二)注释的写法:/* Footer */内容区/* End Footer */(三)id的命名:(1)页面结构容器: container页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：col页面外围控制整体布局宽度：wrapper左右中：left right center(2)导航导航：nav主导航：mainNav子导航：subNav顶导航：topNav边导航：sidebar左导航：leftSidebar右导航：rightSidebar菜单：menu子菜单：subMenu标题: title摘要: summary(3)功能标志：logo广告：banner登陆：login登录条：loginBar注册：regsiter搜索：search功能区：shop标题：title加入：joinus状态：status按钮：btn滚动：scroll标签页：tab文章列表：list提示信息：msg当前的: current小技巧：tips图标: icon注释：note指南：guild服务：service热点：hot新闻：news下载：download投票：vote合作伙伴：partner友情链接：link版权：copyright(四)class的命名:(1)标题栏样式,使用类别+功能的方式命名,如.barNews .barProduct (2)模块结构css定议模块标题 .module模块标题 .moduleHead模块包装 .moduleWrap模块内容 .moduleContent注意事项:1.一律小写;2.尽量用英文;3.不加中杠和下划线;4.尽量不缩写，除非一看就明白的单词.主要的 master.css模块 module.css基本共用 base.css布局，版面 layout.css主题 the