1.慎重使用高性能属性：浮动、定位；

2.尽量减少页面重排、重绘（WDWB原则） 重排按照css的书写顺序： 位置：positon、top、left、z-index、float、dispay 大小：width、height、margin、padding 文字系列： font、line-height、color、letter-spacing 背景边框：background、 border 其它：anmation、transition 重绘:border、outline、background、box-shadow,能使用background-color,就尽量不要使用background; 3.去除空规则：｛｝； 4.属性值为0时，不加单位； 5.属性值为浮动小数0.**，可以省略小数点之前的0； 6.标准化各种浏览器前缀：带浏览器前缀的在前。标准属性在后； 7.不使用@import前缀，它会影响css的加载速度； 8.充分利用css继承属性，减少代码量； 9.抽象提取公共样式，减少代码量； 10.选择器优化嵌套，尽量避免层级过深； 11.css雪碧图，同一页面相近部分的小图标，方便使用，减少页面的请求次数，但是同时图片本身会变大，使用时，优劣考虑清楚，再使用; 12.将css文件放在页面最上面

 

需要优化的css代码

    1、缩写css代码。

    2、排列css代码。     3、同属性提取共用css选择器。     4、分离网页颜色和背景设置样式（较大站点需要注意）。     5、条理化css代码。

移除空的css

正确使用display属性，CSS Lint会检查几点：     display:inline后不应该再使用width、height、margin、padding以及float。     display:inline-block后不应该再使用float。     display:block后不应该再使用vertical-align。     display:table-*后不应该再使用margin或者float。 不滥用浮动CSS Lint一旦检测出样式文件中超过10次的浮动便会提示警告。 不滥用web字体 体积庞大，浏览器在下载时会阻塞页面渲染损伤性能。 不声明过多的fong-size 不在选择符中使用ID标识符 不给h1~h6元素定义过多的样式 使用css渐变等高级特性，需指定所有浏览器的前缀。 选择符复杂属性谨慎使用。 遵守盒模型规则。 内容和样式分离，易于管理和维护。 可维护性、健壮性，命名合理。