浏览器加载 HTML（例如，从网络接收它）。
它将 HTML 转换为 DOM（文档对象模型）。DOM 表示计算机内存中的文档。DOM 将在下一节中更详细地解释。
然后，浏览器会获取 HTML 文档链接到的大部分资源，例如嵌入的图像、视频，甚至链接的 CSS！JavaScript 在此过程中稍后会进行处理，为了简单起见，我们不会在这里讨论它。
浏览器解析获取的 CSS，并根据其选择器类型将不同的规则排序到不同的“桶”中，例如元素、类、ID 等。根据它找到的选择器，它确定哪些规则应该应用于 DOM 中的哪些节点，并根据需要为它们附加样式（这个中间步骤称为渲染树）。
渲染树在应用规则后，将布局在它应该出现的结构中。
页面的视觉显示显示在屏幕上（此阶段称为绘画）。