css编程规范-借鉴kissy

css校验

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

代码规范

通常性命名

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

id和类的命名

为id和样式类使用有意义或者通用的名字,避免因为css命名更改引发没必要要的文档或者模块的改变; 性能

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

元素选择器

为了性能缘由,请避免元素选择器和类选择器以及id选择器混用 代码规范

简写属性名字

为了提升可读性,尽量的使用简写属性。 排序

0和单位

对属性值为0的状况省略单位 文档

0前缀状况

省略属性值为0的前缀 io

16进制的颜色值表示

尽量使用3个字符的16进制颜色值 class

前缀

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

hacks

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

格式规范

属性声明顺序

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

块缩进

块的内容应该被缩进

分号

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

空格

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

空行

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

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

引号

尽量不要使用引号,无可奈何的时候使用单引号

注释

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

相关文章
相关标签/搜索