版权声明：欢迎阅读，有误请指正，转载请申明。 https://blog.csdn.net/wx1995sss/article/details/85601508
网页构造：网页是由DOM Tree（各个标签）和样式结构体组合后构建成的render tree。render tree 构建完成后，浏览器就会根据render tree来进行页面的绘制。
页面回流：当render tree 中的一部分或者全部因为元素的规模尺寸、布局、隐藏等改变而引起的页面重新渲染叫做页面回流。
页面重绘：当render tree 中的一些元素需要更新属性，但这些属性只会影响元素的外观、风格，而不会影响元素的布局，此类的页面渲染叫做页面重绘。
以上，可见标签的书写顺序对渲染性能有着重要影响，以下是推荐书写顺序：
一、盒位置属性
display;
position;
position相关left、top、right、bottom、z-index；
float;
clear;
二、盒自身属性
width;
height;
margin;
padding;
border;
background;
三、文字文本属性
color;
font;
text-decoration;
text-align;
vertical-align;
white-space;
其他文字文本属性;
四、css3新属性
transform;
transition;
animation;
等其他新添加属性。