浏览器渲染页面流程的4个步骤

浏览器渲染页面流程如下：

（1）解析HTML文件，创建DOM树：自上而下，遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)。

（2）解析CSS：优先级：浏览器默认设置<用户设置<外部样式<内联样式。

（3）将CSS与DOM合并，构建渲染树(Render Tree)。

（4）布局和绘制，重绘(repaint)和重排(reflow)。