網頁構造：網頁是由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;
等其他新新增屬性。