年前整理的Css规范

css编码规范

一、 基本约定　　

1.        所有的CSS的尽量采用外部调用,确定只有本页面调用的css除外。 　

2.        文件头部加上文件信息，必须包括文件描述、作者、修改人(更新人+时间)

3.        编码格式：使用UTF-8

4.        字号用像素px来定义

5.        排版中首行缩进用css来处理，不要使用全角空格来达到效果

6.        为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用<br>来人工干预分段。

7.        所有的字号都应该用样式表来实现。

8.        行距用百分比来定义，常用的两个行距的值是line-height:120%/150%.

9.        网站中的路径全部采用相对路径。

10.    控件名称统一匈牙利命名规则。

11.    采用通俗易懂的英文单词并按内容/功能命名，除布局、唯一独立模块外建议少用id，必须保证id唯一性

12.    禁止滥用！important（使用前必须讨论确认不会造成其他BUG或者维护问题）

13.    每个样式属性后（必须）加";"

二、CSS命名参考

1.        一律采用小写中划线方式命名，如 xxx-yyy，禁止出现大写字母

2.        尽可能提高代码模块的复用，复用模块、独立模块可按xxx-mod命名（-mod可不写），mod下面再取xxx-hd（头部）、xxx-bd（内容）、xxx-ft（底部）命名

三、CSS样式书写顺序

1、显示属性

* display * list-style * position * float * clear

2、自身属性

* width * height * margin * padding * border * background

3、文本属性

* color * font * text-decoration * text-align

* vertical-align * white-space * other text * content

4、其它属性

这里尤其要注意的是a:linka:visited a:hover a:actived 的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读。