06.css入门笔记-元素的显示与隐藏

文章目录

前言

元素的显示与隐藏

1、display

2、visibility: 用于指定元素显示或隐藏

3、overflow 是对溢出的地方进行显示或者隐藏

总结

---

前言

今天分享的内容比较简单，具体大家可以往下看哦

---

元素的显示与隐藏

1、display

display: none; 用于隐藏元素

display: block; 除了可以转化为块元素外，还有显示元素的作用

特点是：隐藏后，不在占有原来的位置

---

2、visibility: 用于指定元素显示或隐藏

visibility: visible; 显示元素

visibility: hidden; 隐藏元素

特点：隐藏后继续占有原来的位置

应用场景：网站中的广告，刷新后还会出现

---

3、overflow 是对溢出的地方进行显示或者隐藏

overflow: visible; 默认是超出的部分显示

overflow: hidden; 隐藏多出的部分

overflow: scroll; 溢出的部分显示滚动条，不溢出也会显示

overflow: auto; 在超出的时候，显示滚动条

注：如果有定位的盒子，请慎用overflow: hidden 因为会隐藏多余的部分

---

总结

display、visibility、overflow 都可以实现对元素的显示或隐藏。但是要区分各自的使用场景。