元素本身隐藏

场景：让某元素本身在屏幕中不可见。如：鼠标:hover之后元素隐藏；

常见属性：

1、visibility: hidden;

2、display: none;

区别：

1、visibility: hidden;隐藏元素本身，并且在网页中占位置；

2、display: none;隐藏元素本身，并且在网页中不占位置；

注意点：

①、开发中经常会通过display属性完成元素的显示隐藏切换；

②、display: none;（隐藏）、dispaly: block;（显示）;