css编程规范-借鉴kissy

css校验

除了css hack和浏览器私有属性,推荐使用 w3c validation service校验其余的代码

代码规范

一般性命名

使用小写字母,复合词使用-分隔

id和类的命名

为id和样式类使用有意义或者通用的名字,避免由于css命名更改引起不必要的文档或者模块的改变;

id和class的命名长度要适中,不要太过简略或者太过详细

元素选择器

为了性能原因,请避免元素选择器和类选择器以及id选择器混用

简写属性名字

为了提高可读性,尽可能的使用简写属性。

0和单位

对属性值为0的情况省略单位

0前缀情况

省略属性值为0的前缀

16进制的颜色值表示

尽可能使用3个字符的16进制颜色值

前缀

为了防止冲突,对于应用特定的样式附加应用前缀

hacks

避免使用css hack 考虑使用特定浏览器前缀表示

格式规范

属性声明顺序

按照字母顺序声明属性,排序的时候忽略私有的浏览器前缀,对于特定的浏览器,私有的浏览器前缀应该参与排序。

块缩进

块的内容应该被缩进

分号

使用分号结束单个属性的定义

空格

在属性名冒号后加一个空格

空行

多个选择器以及声明之间以行空格

多个css规则之间以空行分割

引号

尽可能不要使用引号,迫不得已的时候使用单引号

注释

成组的css规则之间用块状注释和空行分割

你可能感兴趣的:(css)