1、浏览器解析HTML源码，然后创建一个DOM树。
在DOM树中，每一个HTML标签都有一个对应的节点，而且每一个文本也都有一个对应的文本节点。DOM树的根节点就是documentElement，对应的是html标签。
2、浏览器解析CSS代码，计算出最终的样式数据。
3、构造出DOM树，计算出样式后，下一步就是构建一个渲染树，渲染树和DOM树有点像，DOM树完全和HTML标签一一对应，但是渲染树会忽略掉不需要渲染的元素。
4、一旦渲染树创建好了，浏览器就可以根据渲染树直接把页面绘制到屏幕上
原文：https://www.cnblogs.com/zhishiyv/p/14646849.html