浏览器渲染页面

浏览器渲染页面的一般过程：

1、浏览器解析HTML源码，然后创建DOM树。

2、浏览器解析CSS代码，计算出最终的样式数据，构建CSSOM树。

3、DOM Tree +CSSOM  -->渲染树（rendering tree）。

      渲染树和DOM树有点像，只是DOM树完全和html标签一一对应，但是渲染树会忽略掉不需要渲染的元素，比如head、display:none的元素等。

4、一旦渲染树创建好了，浏览器就可以根据渲染树直接把页面会知道屏幕上。

 

 以上四个步骤，并不是一次性顺序完成，如果DOM或者CSSOM被修改，以上过程会被重复执行。