用CSS实现元素的显示与隐藏（简单介绍display，visibility和overflow）

前言

  将元素的显示和隐藏，他们的主要目的是让一个元素在页面中消失，但是不并非是将该元素删除，虽然在界面中是看不见它的，但实际上它还存在与文档源代码里面。类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！俗称消失了，但也没完全消失。

  在这里要介绍的是如何通过display，visibility和overflow这三种属性实现元素的显示与隐藏。

---

display属性

display 属性用于设置一个元素应如何显示。后面应用及其广泛，搭配 JS 可以做很多的网页特效
display 隐藏元素后，不再占有原来的位置。

常用属性值

display:block;除了转换为块元素之外，同时还有显示元素的意思

属性值的举例说明

1.none

display:none;主要用于元素的隐藏。

eg：

现在我们给蓝色盒子加上disp