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

2023-12-23 10:10:52

(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……

文章来源:https://blog.csdn.net/wanmeijuhao/article/details/135164355
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。