一个项目会有大量的css代码，编写好的CSS代码，有助提升页面的渲染速度。引擎需要解析的CSS规则越少，性能越好
总结出性能优化方法如下
1、正确使用 display的属性、display属性会影响页面的渲染
display: inline后不应该再使用 width、height、margin、padding 以及 float；
display: inline-block 后不应该再使用 float；
display: block 后不应该再使用 vertical-align；
display: table-* 后不应该再使用 margin 或者 float；
2、避免使用float布局，用 float布局会脱离文档流,在渲染时计算量比较大。
3、样式规则避免过多约束，尽量一步到位（最好不雅要超过三层），比如使用id选择器 ,因为CSS 选择器是从右到左进行规则匹配，这样搜索消耗较大
.menu # id {} //不好
#id{}//好
4、避免使用通用选择器 .box *{}
浏览器匹配文档中所有的元素后分别向上逐级匹配 class 为 box的元素，直到文档的根节点。因此其匹配开销是非常大的，所 以应避免使用关键选择器是通配选择器的情况。
5、避免过分重排，当发生重排的时候，浏览器需要重新计算布局位置与大小
常见的重排属性:width height padding margin display border-width position top left right bottom font-size float
6、慎用!important
!important对IE无效，IE依然会采用后面的定义，即后面的定义有效，前面的无效