前端性能优化十四: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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。