html,css维护优化,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

css浮动 Float在渲染时计算量比较大，尽量减少使用

· 不滥用web字体

Web字体需要下载，解析，重绘当前页面，尽量减少使用

· 不声明过多的Font-size

过多的Font-size引发CSS树的效率

· 值为0时不需要任何单位

为了浏览器的兼容性和性能，值为0时不要带单位

· 标准化各种浏览器前缀

a) 无前缀应放在最后

b) CSS动画只用 (-webkit- 无前缀)两种即可

c) 其它前缀为 -webkit- -moz- -ms- 无前缀 四种，(-o-Opera浏览器改用blink内核，所以淘汰)

· 避免让选择符看起来像正则表达式

高级选择器执行耗时长且不易读懂，避免使用

作者：css div