CSS隐藏元素方式

使用css中是元素隐藏起来的方式有以下几种

1.使用display隐藏

将display设置为none 即可隐藏   设置为block可见（默认）

使用display:none隐藏元素  元素不会占据原先在浏览器的位置， js事件也不会生效，会引起浏览器的重排。

2.使用visibility隐藏

将visibility设置为hidden即可隐藏  设置为visible可见（默认）

使用visibility:hidden隐藏元素 元素会占据原先在浏览器的位置 ，js事件不会生效，会引起浏览器的重绘。

3.使用opacticy隐藏

opacity为元素透明度 将透明度设置值为0即可隐藏

使用opacticy:0隐藏元素 元素会占据原先在浏览器的位置，js事件会生效，不一定会引起浏览器的重绘。

那么什么是重排和重绘呢？

重排

当dom的改变影响元素的几何信息（位置），浏览器计算元素的几何信息（位置），将其正确的显示在浏览器，这个过程就叫重排，也叫做回流。

标签增加 删除 插入 替换 和display:none会重排

重绘

元素的外观被改变时，但是不影响元素的排列分布，浏览器将其重新绘制的过程就叫做重绘。

css的一样央视 color 背景色会重绘

*******重绘不一定引起重排,重排会引起重绘.