cssom树是如何构建的

Question

我们都知道渲染树是由cssom树加上dom树构建的
那么 cssom树具体是如何构建 是什么样的结构呢？
我看到过以下两种说法：
1、DOM树和cssom树同时构建然后构建渲染树
2、dom树和渲染数同时构建
所以dom树到底和什么同时构建 还是说三个树都同时构建？？？

还有以下几个名词有困惑
规则树
上下文树
呈现树

Answer 1

cssom树的构建分为两种情况 一种是webkit的attachment
一个是firfox的上下文树和规则树
规则树是用来帮助构建上下文树的
呈现树则是渲染树的另一种叫法
着三种树是交叉构建的没有明显的先后区分

Answer 2

1、处理 HTML 标记并构建 DOM 树。
2、处理 CSS 标记并构建 CSSOM 树。
3、将 DOM 与 CSSOM 合并成一个渲染树。
4、根据渲染树来布局，以计算每个节点的几何信息。
5、将各个节点绘制到屏幕上。
（那几个名词可以按字面意思望文生义，如需详细解释，望题主自行深究）

Answer 3

渲染的过程 (google的，你懂的)

至于下面那几个名词，第一次听说，查了下是firefox在具体实现时采用的方式，涉及到浏览器的实现不深入学习不用深究