CSS元素的显示与隐藏（display、visibility、overflow）

---

前言

思考一个问题：很多网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现，这是什么导致的呢？
如何做到让一个元素在页面中消失或者显示出来？

---

一、 display 显示（重点）

• display 设置或检索对象是否及如何显示。

  display: none 隐藏对象
  
  display：block 除了转换为块级元素之外，同时还有显示元素的意思。
  

• 特点： display 隐藏元素后，不再占有原来的位置。

• 后面应用及其广泛，搭配 JS 可以做很多的网页特效。实际开发场景：

  配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单， 应用极为广泛
  

二、visibility 可见性 （了解）

• visibility 属性用于指定一个元素应可见还是隐藏。

  visibility：visible ; 　元素可视
  
  visibility：hidden;