浏览器如何呈现HTML和CSS

如果我有以下HTML div元素：

<div id="outer-div" style="Certain-Style"> 

<div id="inner-div">
</div>
....
</div>

....

那么浏览器将如何实现/呈现这些HTML元素？它是从外部div开始，然后是内部div，然后返回应用

外部div的CSS

然后是

内部div的CSS

---

让我们想象一下，样式

特定样式
将内部div按时钟方向旋转90度。
内部div
是一个angularjs指令，它根据
内部div
宽度显示其他项目。旋转是先开始，然后生成指令，还是先生成指令，然后旋转？
以下是浏览器步骤的快速重述：

处理HTML标记并构建DOM树
处理CSS标记并构建CSSOM树
将DOM和CSSOM组合到渲染树中
在渲染树上运行布局以计算每个节点的几何体
在屏幕上绘制各个节点

我的来源是developers.google。下面是链接以了解更多详细信息

请。答案是“仅仅是一个指向外部网站的链接而已”。我怀疑谷歌是否会很快删除其开发者部分，但我非常感谢这封短信，我没有想到这一点。对我的答案进行了更改。您的更改得到了我的+1，并在您的答案中添加了步骤摘要。总结：它从外部div开始并应用其CSS样式，然后转到内部div并应用它。CSSI会说是，因为当它创建渲染树时，它会合并可见节点并向下遍历。