浏览器渲染原理

1.浏览器在接收到服务器返回的html页面之后

2.浏览器开始构建DOM树，遇到css样式会构建css规则树（CSSOM）

3.遇到js会通知DOM API和CSS DOM来操作DOM树和CSS规则树

4.解析完成后，浏览器引擎会通过DOM TREE和CSS RULE TREE来构造rending tree

5.渲染树构建完成之后进行布局处理，换一种说法就是确定每个节点在屏幕上确切的显示位置

6.最后开始绘制，遍历渲染树，并用UI后端层，绘制出每一个UI的节点

注：CSSOM具有继承性，它会先继承父元素的属性再进行补充或覆盖