css中有几种隐藏属性 |cssount

css传变量，css定义外边框，html文字居中css样式，css标题与正文间距，css背景图纵向拉伸，css中的引入外部样式，cssount css中有几种隐藏属性 |cssount

1. display: none;
2. visibility: hidden;
3. opacity: 0;

下面大家来看一下它们的具体用法和区别。

display: none;

这个属性可以完全隐藏一个元素，包括它所占用的空间。可以将其应用于任何元素，包括div、p、img和input等。如果将其应用于多个元素，那么这些元素就会彻底消失，不会在页面中占用空间。而且，无论元素之前的位置是否相邻，元素之间都不会留有空隙。

.hide {
display: none;
}

这个属性与display: none;有些类似，可以隐藏元素，但却不会使元素的盒子消失，仍占用相应的空间。也就是说，即使元素被隐藏了，但其位置仍然存在，绝不会因为隐藏而移动其他元素。

.hide {
visibility: hidden;
}

这个属性可以使元素完全透明，但并不会使其消失。由于元素仍占用空间，因此可能会影响其他元素的位置和排列。opacity属性可以让一个元素在不影响到其他元素的情况下改变其可见度。

.hide {
opacity: 0;
}

以上就是CSS中三种常见的隐藏属性。它们各自有不同的应用场景，可以根据实际需要选择合适的属性进行使用。