**浏览器渲染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的非几何属性更改，则只会引起重绘过程。所以说重排一定会引起重绘，而重绘不一定会引起重排。