我們了解到CSS樣式可以控制網(wǎng)頁的呈現(xiàn)方式，比如控制字體、顏色、排版樣式等等。但是你知道嗎，CSS也可以控制網(wǎng)頁在打印時(shí)不顯示某些元素嗎？

要實(shí)現(xiàn)這個功能，我們可以使用<style>標(biāo)簽在網(wǎng)頁頭部中添加一些特殊的CSS樣式。接下來讓我來簡單介紹一下CSS中應(yīng)用于不打印的樣式。

@media print {
* {
display: none !important;
}
#content {
display: block !important;
}
}

上面這段代碼實(shí)現(xiàn)了打印時(shí)不顯示網(wǎng)頁內(nèi)容，但僅顯示具有id="content"的元素。這意味著僅在打印時(shí)，瀏覽器會只顯示HTML頁面中的某一部分，對于閱讀和保存來說非常方便。

除了display:none，<style>標(biāo)簽還可以使用其他的CSS屬性。比如opacity控制元素透明度，visibility控制元素的可見性等等。你對這些CSS屬性有了解嗎？如果沒有，相信這里會讓你有所收獲。

現(xiàn)在你已經(jīng)了解到了如何使用CSS樣式控制不打印的內(nèi)容，那么你可以嘗試使用這個功能來控制你網(wǎng)站的打印效果，提高用戶體驗(yàn)。