浏览器是如何渲染页面的？
Posted duanzhange
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了浏览器是如何渲染页面的？相关的知识，希望对你有一定的参考价值。
渲染的流程如下：
1.解析html文件，创建DOM树。
自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。
2.解析CSS。优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式；
3.将CSS与DOM合并，构建渲染树（Render Tree）
4.布局和绘制，重绘（repaint）和重排（reflow）
以上是关于浏览器是如何渲染页面的？的主要内容，如果未能解决你的问题，请参考以下文章