CSS中實現(xiàn)顯示和隱藏是網(wǎng)頁開發(fā)中常用的技術(shù)之一，它能夠讓我們更好地控制頁面的呈現(xiàn)和交互效果。

其中，display屬性是實現(xiàn)顯示和隱藏的重要屬性之一。下面我們來看一下display屬性的使用方法和實現(xiàn)效果。

/* 定義一個類名為hidden，設(shè)置display為none */
.hidden {
display: none;
}

上面的代碼中，我們通過定義一個類名為hidden，并設(shè)置display屬性為none來實現(xiàn)元素的隱藏。這里的none取值表示元素既不顯示，也不占用空間。

/* 定義一個類名為visible，設(shè)置display為block */
.visible {
display: block;
}

如果我們想要元素再次顯示出來，就可以通過改變display屬性來達到目的。下面我們定義一個類名為visible，并設(shè)置display屬性為block。這里的block取值表示元素將塊級元素的特點展示出來。

/* 定義一個類名為invisible，設(shè)置display為hidden */
.invisible {
visibility: hidden;
}

除了上文介紹的none和block之外，還有一種取值為hidden。這個取值和none有些類似，不同之處在于它不會改變元素所占用的空間。下面我們定義一個類名為invisible，并設(shè)置visibility屬性為hidden，來實現(xiàn)元素的隱藏。

以上便是CSS中實現(xiàn)顯示和隱藏的方法，可以根據(jù)實際需求來選擇適合的屬性取值進行調(diào)用。