11、浏览器是如何渲染页面的

渲染的流程如下：

• 1.解析HTML文件，创建DOM树。
  • 自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。
• 2.解析CSS。
  • 优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式；
• 3.将CSS与DOM合并，构建渲染树（Render Tree）
• 4.布局和绘制，重绘（repaint）和重排（reflow）