CSS样式中隐藏元素的方式和区别

CSS隐藏元素方式有三种：

1、display:none

作用：隐藏当前元素，使用这个样式的元素是不会在存在元素中的

未增加display:none前

增加display:none后：鼠标检查DOM是已经没有这个元素了,当前这个地方跟没出现过一样

2、visibility:hidden

增加visibility:hidden后：鼠标检查DOM还是存在这个元素的，保留着位置

2、opacity：0

增加opacity：0后：鼠标检查DOM还是存在这个元素的，保留着位置

区别：

1、display：none不占用空间

2、visibility:hidden和opacity:0 占用空间

悄咪咪说句，这个面试我经常被问