css元素隐藏

复习整理元素隐藏的几种方式，以及他们的区别。
1.dispaly：none
这个方式会把空间都释放了，在控制台也不显示了，所以绑在元素上的事件也都没有了。不能修改子孙节点的dispaly值显示出来。
2.opacity：0
这个方式只是把元素的透明度设置为0，也就是把它变得透明，它本身还是在的只是看不到了，所以空间就不会释放，绑在上面的事件也都在，能正常使用。
3.visility：hidden
这个方式的元素不可见了，所以绑的事件也都没有了，但是空间不释放。子元素可以继承属性，子节点消失是因为继承了父节点的hidden属性，通过设置visibility: visible;可以让子节点显示出来。