display none 与visibility none的区别 及css的重绘和回流

display none 与visibility none区别
共同点：都是控制元素的显示与隐藏
不同点：display隐藏不会占据空间， visibility会留出空间

css的重绘和回流
1 解析html，生成DOM树 解析css 生成CSSOM树
2 DOM树与CSSOM树结合，生成渲染树 Render树
3 根据渲染树进行回流， 确定元素的几何信息(位置，大小)
4 然后在进行重绘， 得到元素的像素（css）
5 将像素发送给GPU，展示在页面上

标签：none,visibility,display,回流,重绘,css
来源： https://www.cnblogs.com/zw100655/p/16251120.html