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

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

display: none;         // 隱藏元素
display: block;        // 塊級(jí)元素顯示，如
等
display: inline;       // 行內(nèi)元素顯示，如等
display: inline-block; // 行內(nèi)塊級(jí)元素顯示，如等

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

visibility: visible; // 元素可見
visibility: hidden;  // 元素不可見，但占據(jù)頁(yè)面空間

通過設(shè)置這兩個(gè)屬性，我們可以輕松地實(shí)現(xiàn)元素的顯示和隱藏。下面是一個(gè)示例：

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

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

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