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具有继承性,它会先继承父元素的属性再进行补充或覆盖