CSS中有很多用途,其中一種是顯示和隱藏元素。通過設(shè)置不同的屬性和值,可以使元素在頁面中顯示或隱藏。
/* 隱藏 */ display: none; /* 顯示 */ display: block;
上面的代碼演示了如何隱藏或顯示元素,但需要注意的是,隱藏后的元素扔會在HTML頁面中存在,只是不可見而已。
/* 隱藏 */ visibility: hidden; /* 顯示 */ visibility: visible;
另外一種隱藏元素的方式是通過設(shè)置可見性(visibility)屬性。和display不同的是,visibility的隱藏會使元素不可見,但仍然占據(jù)HTML頁面中的位置。
/* 隱藏 */ opacity: 0; /* 顯示 */ opacity: 1;
還有一種示元素的方式是通過設(shè)置元素的不透明度(opacity)。當(dāng)不透明度設(shè)置為0時,元素會完全消失,當(dāng)不透明度為1時,元素完全可見。
這些顯示和隱藏元素的方式可以在網(wǎng)頁設(shè)計中非常實(shí)用,尤其在響應(yīng)式布局中,通過改變元素的顯示或隱藏狀態(tài)可以使網(wǎng)頁更加流暢、適應(yīng)不同屏幕的尺寸。