CSS打印是網(wǎng)頁(yè)排版的一種重要方法，可以讓網(wǎng)頁(yè)在打印時(shí)呈現(xiàn)出優(yōu)美的頁(yè)面排版。由于網(wǎng)頁(yè)排版與打印后的效果有很大的差距，因此需要在CSS設(shè)計(jì)時(shí)考慮到這一點(diǎn)，專門針對(duì)打印而設(shè)計(jì)CSS。本文將為大家介紹一些CSS打印的基礎(chǔ)知識(shí)，以及一些CSS打印的技巧。同時(shí)，也推薦一些優(yōu)質(zhì)的CSS打印教學(xué)視頻供大家學(xué)習(xí)使用。

@page {
	margin: 2cm; /*設(shè)置頁(yè)面邊距*/
	size: A4; /*設(shè)置頁(yè)面大小*/
page-break-after: always; /*在打印時(shí)，每頁(yè)自動(dòng)分頁(yè)*/
counter-increment: page; /*在每頁(yè)頁(yè)腳中增加頁(yè)碼*/
}

在CSS打印中，我們需要注意一下幾個(gè)方面：

1.設(shè)置紙張大小和邊距。通過設(shè)置@page屬性，可以設(shè)置紙張大小和邊距，讓頁(yè)面能夠更好地適配A4紙。

2.打印背景。打印時(shí)默認(rèn)不會(huì)打印背景，如果想要打印背景色或者背景圖片，需要在CSS中設(shè)置background-color或者background-image屬性，同時(shí)在@page中設(shè)置background-print為always。

@media print {
	body {
background: #fff;
color: #000;
	}
.no-print {
display: none;
	}
}

3.隱藏不必要的內(nèi)容。如果需要在網(wǎng)頁(yè)上顯示的內(nèi)容，在打印時(shí)不是很必要，可以通過設(shè)置display:none;實(shí)現(xiàn)內(nèi)容隱藏。可以使用@media print媒體查詢實(shí)現(xiàn)不同分辨率下的不同顯示效果。比如，.no-print類可以默認(rèn)在屏幕上顯示，但是在打印時(shí)會(huì)被隱藏掉。

推薦幾個(gè)優(yōu)質(zhì)的CSS打印教學(xué)視頻：

1.谷歌開發(fā)者社區(qū)教學(xué)視頻《Printing Part 1: Layout basics》（https://www.youtube.com/watch?v=ZsNoLgRFVbA&t=2s）

2.《CSS打印術(shù)：新時(shí)代的頁(yè)面打印技術(shù)》（https://www.imooc.com/learn/145）

以上就是本文關(guān)于CSS打印的介紹和推薦，希望對(duì)大家有所幫助。