css实现三种隐藏

CSS实现三种隐藏 CSS是一种用来描述网页样式的语言，它提供了许多隐藏内容的方式，下面我们来介绍一下常用的三种方法。 1. display:none 使用display:none属性可以将元素隐藏，该元素将不再占用页面空间。比如：

p.hidden{
  display:none;
}

这个段落将被隐藏。

2. visibility:hidden 使用visibility:hidden属性可以将元素隐藏，但该元素仍会占用页面空间。比如：

p.hidden{
  visibility:hidden;
}

这个段落将被隐藏，但仍保留页面空间。

3. opacity:0 使用opacity:0属性可以将元素设置为透明，元素仍会占用页面空间。比如：

p.hidden{
  opacity:0;
}

这个段落将被透明，不过元素仍会占用页面空间。

总结 上述三种方法都可以用来隐藏元素，它们各有优缺点，我们可以根据自己的实际需求来选择使用哪种方法。另外，如果我们希望在某个时间点再显示这些元素，可以通过设置display、visibility、opacity等属性来实现。