浏览器渲染过程

浏览器的渲染过程：

解析HTML，生成DOM树，解析CSS，生成CSSOM树，将DOM树和CSSOM树结合，生成渲染树

生成渲染树过程

• 从DOM树的根节点楷书遍历每个可见节点，
• 对于每个可见节点，找到CSSOM树对应的规则，并应用他们，
• 根据每个可见节点以及其对应的样式，组合生成渲染树

不可见节点是什么

• 不会渲染输出的节点，例如script, meta, link
• 一些通过css进行隐藏的节点。比如display:none。
• 警告：
  利用visibility和opacity隐藏的节点，还是会显示在渲染树上的（因为还占据文档空间）。
  只有display:none的节点才不会显示在渲染树上。