### 浏览器渲染流程 ~~~ 解析html-> 解析css-> 结合dom树和css生成渲染树render tree-> 进行布局(回流)-> 进行重绘，将render tree的样式渲染到屏幕上 ~~~ ~~~ 1.浏览器向服务端发送请求 2.解析html，生成dom树 3.解析css，生成cssom树 4.将dom树和cssom树结合，去除不可见元素，生成渲染树render tree 5.根据生成的渲染树，进行布局layout，得到几何信息(回流) 6.根据render tree以及回流得到的几何信息，将render tree的像素渲染到屏幕上 ~~~ 以上六个步骤 * * * > 生成渲染树render tree流程解析 ~~~ 1.从dom树的根节点开始遍历每个可见节点 2.对于每个可见的节点，找到cssom树种对应的规则，并应用，生成渲染树 ~~~ > css加载是否会阻塞dom树渲染 ~~~ 1.css的下载是异步的，不会阻塞dom树解析（解析不是渲染） 2.但是在生成渲染树render tree的过程需要结合cssom树，所以css加载会阻塞render树的渲染 ~~~