渲染树（render树）浅谈

大家都DOM节点

其实DOM节点可以分为 可视化节点 和 非可视化节点，

像 div、p 等这种结构性的标签节点可被称为可视化节点，

而 script、meta 等这种在页面上显示不出来的节点则被称为非可视化节点；

那么渲染树（render树）是什么呢？ 

浏览器是如何渲染UI的？

1、浏览器获取HTML文件，然后对文件进行解析，形成DOM Tree

2、与此同时进行CSS解析，生成 Style Rules

3、接着DOM Tree 与 Style Rules 合成为 Render Tree

4、元素在页面中布局，然后绘制

 render 树就是根据：可视化节点 和 css样式表 结合诞生出来的树

注意：display：none的元素会出现在DOM数中，但不会出现在redenr 树中