**瀏覽器渲染HTML的步驟** HTML渲染大致分為如下幾步： 1. HTML被HTML解析器解析成DOM Tree, css則被css解析器解析成CSSOM Tree。 2. DOM Tree和CSSOM Tree解析完成后，被附加到一起，形成渲染樹（Render Tree）。 3. 節點信息計算(重排)，這個過程被叫做Layout(Webkit)或者Reflow(Mozilla)。即根據渲染樹計算每個節點的幾何信息。 4. 渲染繪制(重繪)，這個過程被叫做(Painting 或者 Repaint)。即根據計算好的信息繪制整個頁面。 以上4步簡述瀏覽器的一次渲染過程，理論上，每一次的dom更改或者css幾何屬性更改，都會引起一次瀏覽器的重排/重繪過程，而如果是css的非幾何屬性更改，則只會引起重繪過程。所以說重排一定會引起重繪，而重繪不一定會引起重排。