2.1规范1）样式类名全部小写，首字符必须为字母，禁止使用数字或其他特殊字符。它由小写字母(a--z)、数字(0--9)和以字母开头的下划线(_)组成。2）可以是单个词，也可以是词的组合，要求能够清楚地描述模块和元素的含义，使其具有语义。避免使用矢量名称，例如123456...red、blue、left、right（例如颜色、字体大小等）。3）尽量用一个词简单描述类名。4)双词或多词组合：adjective_noun,namespace_rank,namespace_adjective_noun。2.2Class和ID的使用方法留下id，方便后台开发和JS使用。另外，页面的pageid（比如首页外层需要一个IDid="page_index"），页面结构（headermainfooter）允许使用id命名。其他禁止使用的id在样式表css命名中，全部使用class命名。2.3命名空间在编码思路上，我们可以将页面拆分成不同的层次（布局、模块、组件）。2.4添加文档样式1）引用外部文件添加样式2）标签中严禁写代码，如应写成，然后在样式表中去完成样式代码的编写。3)文档中严禁使用代码块4)对样式表进行划分，降低代码的复杂度，便于管理和维护。但也不要分的太细，要考虑以后的维护和管理。2.5属性缩写为了节省字节和文件大小，请对以下属性使用缩写：padding：toprightbottomleft；边距：右上角右下角；border：样式宽度颜色；border-top：样式宽度颜色；border-bottom:样式宽度颜色；border-left:样式宽度颜色；边框颜色：右上左下；边框样式：右上左下；边框宽度：右上左下；背景：颜色url(图像)重复位置；List-style：类型位置url（图片）；字体粗细：400/700；2.6缩写的十六进制颜色值Color和background-color属性值如果使用十六进制颜色值，当6个数对相等时，使用缩写写法。例如：#996600缩写为#9602.7字体1)全局定义的字体：body{font:12pxarial,helvetica,sans-serif;line-height:1.5;}2)font-family:A)等宽字体组合：Arial,Helvetica,sans-serif;b)不等宽（wideandflat）字体组合：Verdana、TrebuchetMS、sans-serif；c)中文字体：除非内容文字需要，否则不建议强行定义2.8页面采用固定流式布局，使用像素（px）固定元素大小。2.9添加必要的注释按照全局、布局、块、函数等分类添加注释，方便维护和代码查找。2.10CSS通用命名(1)页面框架命名，一般是唯一的，推荐使用ID命名(2)模块结构命名(3)导航结构命名(4)通用元素命名2.11．图片命名1)背景图片：bg001,bg002,bg003...2)一般图片：img001,img002,img003...3)具体图片：如banner，logo根据具体情况命名4)按钮图片：btn_submit,btn_cancel.....本文由博客多发平台OpenWrite发布！
