文件规范

文件分类

·通用类

·业务类

文件引入

·行内样式（不推荐）

·外联样式

·内联引入

·避免在CSS中使用@import

文件本身

·文件名

·编码

注释规范

块状注释

-统一缩进

-被注释对象之上

单行注释

-文字两端需空格

-在被注释对象之上

行内注释

-在文字两端需空格

-在分号之后

命名规范

分类命名

命名格式

·大小写 建议小写

·长度 权衡长度和可读性

语义化命名

·以内容的语义来命名

书写规范

单行与多行

空格与分号

·缩进（必须有）2OR4

·分号

·保留最后一个属性值的分号

属性顺序

·根据属性的重要性按顺序书写

显示属性>自身属性>文本属性和其他修饰

Hack方式

·统一各浏览器的Hack方式

·不要滥用Hack

值格式

·统一属性值

-color

-url()

其他规范

HTML规范

·文档声明 首行顶格

·闭合 闭合标签 自闭合标签

·属性

·层级 用缩进体现层级，提高可读性 标签正确嵌套，但嵌套不宜太深

·注释

·大小写 标签、属性均小写

图片规范

·文件名称

-语义

-长度

·保留源文件

·图片合并

-尽可能使用sprite技术

-sprite图片可按模块、业务、页面来划分