4.渲染树、布局与绘制 来源：https://w0hog67yl81.feishu.cn/wiki/OBguw6PWwimnjtkSnAYcHnLHnDl 采集状态：已完成正文采集；已滚动到底部并复查 一、 什么是渲染树 (Render Tree)？​ 在浏览器成功构建了DOM树（代表文档结构）和CSSOM树（代表文档样式）之后，它需要将这两者结合起来，才能知道最终要“画”什么东西在屏幕上。这个结合的产物就是渲染树 (Render Tree)。​ • 目的：渲染树是页面所有可见内容的结构化表示。它的任务是确定哪些节点需要被渲染，以及它们应用了哪些样式。​ • 构建过程： a. 浏览器从DOM树的根节点开始遍历。 b. 对于每个遍历到的节点，它会去CSSOM树中查找匹配的样式规则并应用。 c. 最终，它会为每个可见节点生成一个渲染树上的节点。 • 与DOM树的区别：渲染树和DOM树不是一一对应的。 ◦ 不可见元素被忽略：渲染树不包含任何在视觉上不可见的元素。例如： ▪ 、