前端性能优化十四:css书写顺序

(1). why?

. 不易于查看.. css优化手段:
    a. 涉及了浏览器的渲染原理:reflow和repaint.

(2). css优化手段:

. 目的:
    a. 减少浏览器reflow(回流),提升浏览器渲染dom的性能

(1)定位属性:position display float left top right bottom overflow clear z-index

(2)自身属性:width height padding border margin background

(3)文字样式:font-family font-size font-style font-weight font-varient color

(4)文本属性:text-align vertical-align text-wrap text-transform text-indent text-decoration letter-spacing word-spacing white-space text-overflow

(5)css3中新增属性:content box-shadow border-radius transform……

你可能感兴趣的:(前端,性能优化,css)