CSS是用于控制網(wǎng)頁樣式的語言,除了在屏幕上顯示網(wǎng)頁樣式外,還可以通過CSS來控制打印時(shí)的顯示效果。
在打印網(wǎng)頁時(shí),有些元素可能不希望被打印。例如,頁眉、頁腳、導(dǎo)航菜單等。這時(shí),我們可以使用CSS控制這些元素在打印時(shí)不顯示。
@media print { /* 控制打印時(shí)不顯示的元素 */ header, footer, nav { display: none; } }
上述CSS代碼中,使用了@media print媒體查詢,表示這些樣式只在打印時(shí)生效。然后,選擇想要控制不顯示的元素,使用display:none來隱藏它們。
除了以上這種方法,也可以在HTML元素中添加一個(gè)class屬性,然后在CSS中使用@media print來控制這些帶有class屬性的元素在打印時(shí)不顯示。例如:
.no-print { display: none; }
在HTML中,將需要控制不打印的元素添加no-print類:
<header class="no-print">Header Content</header>
這樣,在打印時(shí),帶有no-print類的元素就會被隱藏。
總之,使用CSS控制打印不顯示的元素可以讓打印效果更加專業(yè)、簡潔。