CSS的规范

1.文件

（1）文件位置：放在<meta>标签的后面，能通过W3C的直接用link标签。不能通过W3C即需要兼容IE的

<!--[if IE]

    <link rel="stylesheet" href="">

<![endif]-->

 （2）文件命名：包含库名称及版本号及是否为压缩版。版本号用-，引用的库和是否为压缩版为.。书写顺序为引用的库名称、自己命名名称、版本号、压缩版本、后缀

bootstrap-1.09.min.css

2.css的新建和修改遵循的原则：

根据新建样式的适用范围分为三级：全站级、产品级、页面级。

尽量通过继承和层叠重用已有样式。

不要轻易改动全站级CSS。改动后，要经过全面测试。

3.css属性显示的顺序

显示属性：display     visibility     list-style      position(top || right || bottom || left)     z-index      clear      float

自身属性： widthmax-width ||min-width       heightmax-height ||min-height        overflow || clip      margin       padding        outline      border     background

文本属性： color    font    text-overflow    text-align    text-indent    line-height    white-space    vertical-align    cursor    content

兼容多个浏览器时，将标准属性写在底部。

-moz-border-radius: 15px;/* Firefox */

-webkit-border-radius: 15px;/* Safari和Chrome */

border-radius: 15px;/* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 *//标准属性

4.命名规则

比较短的词汇或者缩写的不允许直接定义样式，用上级节点

限定多选择器规则之间换行，即当样式针对多个选择器时每个选择器占一行（css选择器是从右边到左边匹配）

避免使用通配规则和相邻兄弟选择符、子选择符,、后代选择符、属性选择符等选择器

不要限定id选择符，如div#header（提权的除外）

不要限定类选择器，如ul.recommend（提权的除外）

不要使用 ul li a 这样长的选择符

避免使用标签子选择符，如#header > li > a

5.z-index值除了通用组之外不超过150

6.尽量不用css hank

7.避免使用低效的选择器。

/* 反面示例 */

body > * {…};

ul > li > a {…};

#footer > h3 {…};

ul#top_blue_nav {…};

#searbar span.submit a { … }; 

8.减少使用影响性能的属性。

减少在CSS中使用滤镜表达式和图片repeat,

尤其在body当中,渲染性能极差, 如果需要用repeat的话,

图片的宽或高不能少于8px。