1. 解析 HTML：浏览器会解析 HTML 文件，构建 DOM（文档对象模型）树，表示网页的结构。
  2. 解析 CSS：浏览器会解析 CSS 文件，构建 CSSOM（CSS 对象模型）树，表示网页的样式信息。
  3. 构建 Render 树：浏览器将 DOM 树和 CSSOM 树合并，构建 Render 树（也称为渲染树），用于确定网页元素的布局和渲染顺序。
  4. 布局（Layout）：在渲染树的基础上，计算出每个元素在页面中的精确位置和大小，确定元素的盒模型属性（宽度、高度、边距等）。
  5. 绘制（Painting）：根据布局阶段得到的信息，将每个元素绘制到屏幕上，形成一个或多个图层，并使用 GPU 加速执行绘制操作。
  6. 合成（Compositing）：将绘制好的图层按照正确的顺序进行合成，形成最终的页面画面。
  7. 显示（Display）：将合成好的画面显示在屏幕上。

注意：上述步骤通常是并行执行的，浏览器会尽可能提高渲染的效率和性能。