CSS元素的顯示和隱藏是Web頁面中非常重要的一個功能，它可以讓我們根據需要在頁面上顯示或隱藏元素，從而實現各種不同的效果。這一功能的實現主要依靠CSS中的display和visibility屬性。

display屬性用于控制元素的顯示方式，它有以下常用取值：

display: none;         // 隱藏元素
display: block;        // 塊級元素顯示，如
等
display: inline;       // 行內元素顯示，如等
display: inline-block; // 行內塊級元素顯示，如等

visibility屬性用于控制元素的可見性，它有以下常用取值：

visibility: visible; // 元素可見
visibility: hidden;  // 元素不可見，但占據頁面空間

通過設置這兩個屬性，我們可以輕松地實現元素的顯示和隱藏。下面是一個示例：

/* HTML */
<div id="myDiv">
<p>這是一個示例文本</p>
</div>
/* CSS */
#myDiv {
display: none;
}

在上面的代碼中，我們將id為myDiv的元素的display屬性設置為none，這樣它就被隱藏了。如果需要顯示該元素，可以將display屬性的值改為其他的取值。

除了上述方法，我們還可以使用JavaScript來控制元素的顯示和隱藏。這需要使用到DOM操作，具體實現方法留待其他文章中講解。