CSS顯示隱藏設(shè)置

在CSS中，我們可以使用display屬性來設(shè)置元素的顯示和隱藏。display屬性接受多種值，其中block、inline和none是***常用的。

block將元素顯示為塊級元素，如段落、標(biāo)題等。

inline將元素顯示為內(nèi)聯(lián)元素，如鏈接、強(qiáng)調(diào)文本等。

none將元素隱藏，不占據(jù)任何空間。

除了display屬性外，我們還可以使用visibility屬性來設(shè)置元素的可見性。visibility屬性接受visible和hidden兩個值。

visible元素正常顯示。

hidden元素隱藏，但會占據(jù)空間。

需要注意的是，display: none;和visibility: hidden;的區(qū)別在于，前者完全不顯示元素，后者則隱藏元素但保留其空間。

我們還可以在CSS中使用:hover偽類來設(shè)置元素在鼠標(biāo)懸停時的樣式，例如改變元素的透明度或大小，以下是一個簡單的示例：

.my-element {
  display: block;
  visibility: visible;
  width: 100px;
  height: 100px;
  background-color: red;
}
.my-element:hover {
  opacity: 0.5;
  transform: scale(1.5);
}

在上面的示例中，.my-element類定義了一個塊級元素，并在鼠標(biāo)懸停時改變其透明度和大小。