CSS中的visibility属性可以设置元素的可见性状态，包括以下几种：
visible：元素可见。此为默认值。
hidden：元素不可见，但仍占据布局空间，相当于设置了opacity为0。
collapse：用于表格行、表格行组、表格列、表格列组，指定被隐藏的行或列，且不占据布局空间。常用于去掉表格中的空白行或列。
需要注意的是，针对被设置为collapse状态的元素，仅适用于表格相关元素，并不会对其他类型的元素产生作用。
另外，在使用 visibility 属性时，我们需要注意以下几点：
如果将 visibility 设置为 hidden，虽然元素不可见，但它仍然存在于DOM树中，可能会影响布局和渲染速度。
如果使用 display: none，元素不仅不可见，而且也从DOM树中移除，影响最小。
使用 opacity: 0；虽然元素不可见，但是它仍然存在在DOM树中，还会参与到布局和显示中，所以即使看不见还是会占用空间。