元素的显示与隐藏

在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是display、visibility和overflow。
他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩躲猫猫！

(1)、display

display设置对象是否显示、如何显示。
display : none隐藏对象。与它相反的是display:block除了转换为块级元素之外，同时还有显示元素的意思。
特点：隐藏之后，不再保留位置。

(2)、visibility

设置或检索是否显示对象。
visible : 对象可视
hidden : 对象隐藏
特点：隐藏之后，继续保留原有位置。（停职留薪）

(3)、overflow

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
visible : 不剪切内容也不添加滚动条。
auto : 超出自动显示滚动条，不超出不显示滚动条
hidden : 不显示超过对象尺寸的内容，超出的部分隐藏掉
scroll : 不管超出内容否，总是显示滚动条

(4)、opacity

opacity可以改变元素的透明度，透明度的取值范围在0-1之间，0是完全透明，1是完全不透明。