CSS是網頁設計的重要組成部分，提供了豐富的樣式和特效。其中隱藏和顯示元素是常見的操作，在以下代碼和段落中，將介紹如何實現隱藏和顯示元素的代碼。 首先，我們需要了解兩個CSS屬性：display和visibility。它們均可實現隱藏和顯示元素，但區別在于是否占用空間。 當使用display屬性隱藏元素時，該元素不僅在頁面上不可見，而且也不占據頁面空間。而使用visibility屬性隱藏元素時，該元素雖然在頁面上不可見，但會繼續占據頁面空間。接下來，我們來看一些示例。 使用display屬性隱藏元素的代碼：

p {
display: none;
}

通過以上代碼，我們可以隱藏頁面中的所有p標簽。當需要重新顯示該元素時，可以使用以下代碼：

p {
display: block;
}

使用visibility屬性隱藏元素的代碼：

p {
visibility: hidden;
}

通過以上代碼，我們可以隱藏頁面中所有p標簽，但它們會繼續占據頁面空間。當需要重新顯示該元素時，可以使用以下代碼：

p {
visibility: visible;
}

最后，需要指出的是，以上樣式屬性并不只能針對p標簽使用，任何元素均可使用。這些屬性的使用方法和效果，也可以根據需要進行調整。在實現隱藏和顯示元素時，通過選擇適當的屬性和設置，能夠幫助我們實現更為精細的網頁設計。