CSS是前端開(kāi)發(fā)中必不可少的東西，它不僅可以控制網(wǎng)頁(yè)的樣式，還可以實(shí)現(xiàn)一些動(dòng)畫效果，其中出現(xiàn)和隱藏是其常用功能之一。

/*下面是一個(gè)簡(jiǎn)單的例子*/
.hidden{
display:none;
}
.visible{
display:block;
}

上面的代碼是用來(lái)實(shí)現(xiàn)元素的顯示和隱藏的，將元素的display屬性設(shè)置為none則表示隱藏該元素，而設(shè)置為block則表示顯示該元素。常見(jiàn)的用法如下：

/*鼠標(biāo)懸浮時(shí)顯示元素*/
.hover{
display:none;
}
.hover:hover{
display:block;
}
/*點(diǎn)擊按鈕切換元素的顯示和隱藏*/
.show{
display:none;
}
.show:checked ~ .box{
display:block;
}

除了display屬性外，visibility屬性也可以實(shí)現(xiàn)元素的隱藏和出現(xiàn)功能，它的使用方法如下：

.hidden{
visibility:hidden;
}
.visible{
visibility:visible;
}

visibility:hidden和display:none都可以隱藏元素，不同之處在于前者仍然占據(jù)網(wǎng)頁(yè)中的位置，而后者則不占位。

總而言之，CSS的出現(xiàn)隱藏功能給網(wǎng)頁(yè)開(kāi)發(fā)提供了更多的實(shí)現(xiàn)方式，讓我們的網(wǎng)頁(yè)看起來(lái)更加美觀和易操作。