浏览器渲染页面的步骤

浏览器是如何渲染页面的

浏览器的渲染页面时，表示网站资源已经请求成功。
渲染时，大致的流程如下：
（解析html以构建dom树->构建render树->布局render树->绘制render树）
具体的流程如下：

1：浏览器会将HTML解析成一个DOM树，DOM树的构建过程是一个深度遍历过程，当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点，
2：将CSS解析成CSS规则树；
3：根据DOM树和CSS来构造render树，渲染树不等于DOM树，像header和display：none；这种没有具体内容的东西就不在渲染树中；
4：根据render树，浏览器可以计算出网页中有哪些节点，各节点的CSS以及从属关系，然后可以计算出每个节点在屏幕中的位置；
5：遍历render树进行绘制页面中的各元素。