CSS显示隐藏的三种方法

在我们网页开发时，我们通常会使用到显示或隐藏某一个元素，那我们如何实现显示与隐藏呢，让我为大家介绍一下CSS中显示隐藏的方法吧！
基础的样式布局

显示效果	隐藏效果
display:block	display:none
visibility:visible	visibility:hidden
opacity:1	opacity:0

一、display的block与none属性可以实现显示隐藏

当我们使用display:none时，我们的元素不占原来位置

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

二、visibility的visited与hidden

visibility属性用于指定一个元素可见还是隐藏
visibility隐藏元素之后，继续占有原来的位置

visibility:visible;元素可视

三、opacity(透明度)

我们使用opacity也可以达到显示与隐藏的效果
直接给opacity设置为0，我们元素的透明度为0时

当我们设置为1时就是元素不透明，默认为1
opacity:1

本人文笔有限，感谢大家的阅读，如有不对的地方可以向我提出，感谢大家！