CSS样式书写顺序 与 浏览器内部加载原理

CSS加载存在先后顺序，不严谨的书写顺序将会导致界面出现偏差。并且正确的书写顺序也可以提高代码的可读性。

正确的排序方式如下：

(1)定位属性：position display float left top right bottom overflow clear z-index flex
(2)自身属性：width height padding border margin background
(3)文字属性：font-famliy font-size font-style font-weight font-varient color
(4)文本属性：text-align vertical-align text-wrap text-transform text-indent text-ecoration letter-spacing white-spacing white-space text-overflow
(5)CSS3中新增属性：content box-shadow border-radius transform……

css顺序按照以上顺序书写即可。

目的：减少浏览器的reflow(回流)，提高浏览器加载速度

接下来讲解浏览器的渲染原理

浏览器引擎简介