浏览器渲染页面的一般过程：
1、浏览器解析HTML源码，然后创建DOM树。
2、浏览器解析CSS代码，计算出最终的样式数据，构建CSSOM树。
3、DOM Tree +CSSOM -->渲染树（rendering tree）。
渲染树和DOM树有点像，只是DOM树完全和html标签一一对应，但是渲染树会忽略掉不需要渲染的元素，比如head、display:none的元素等。
4、一旦渲染树创建好了，浏览器就可以根据渲染树直接把页面会知道屏幕上。
以上四个步骤，并不是一次性顺序完成，如果DOM或者CSSOM被修改，以上过程会被重复执行。
原文：https://www.cnblogs.com/zhishiyv/p/14622627.html