CSS优化

· 尽量避免写在HTML标签中写Style属性 **· 避免CSS表达式** CSS表达式的执行需跳出CSS树的渲染，因此请避免CSS表达式 · 移除空的CSS规则 空的CSS规则增加了CSS文件的大小，且影响CSS树的执行，所以需移除空的CSS规则 · 正确使用Display的属性 Display属性会影响页面的渲染，因此请合理使用 a) display:inline后不应该再使用width、height、margin、padding以及float b) display:inline-block后不应该再使用float c) display:block后不应该再使用vertical-align d) display:table-*后不应该再使用margin或者float · 不滥用Float Float在渲染时计算量比较大，尽量减少使用 · 不滥用Web字体 Web字体需要下载，解析，重绘当前页面，尽量减少使用 · 不声明过多的Font-size 过多的Font-size引发CSS树的效率 · 值为0时不需要任何单位 为了浏览器的兼容性和性能，值为0时不要带单位 · 标准化各种浏览器前缀 a) 无前缀应放在最后 b) CSS动画只用 （-webkit- 无前缀）两种即可 c) 其它前缀为 -webkit- -moz- -ms- 无前缀 四种，（-o-Opera浏览器改用blink内核，所以淘汰） · 避免让选择符看起来像正则表达式 高级选择器执行耗时长且不易读懂，避免使用