CSS控制打印樣式，是Web前端開(kāi)發(fā)中的重要內(nèi)容。如何讓打印出來(lái)的內(nèi)容更具可讀性，更符合用戶需求，是我們需要考慮的問(wèn)題。本文著重介紹如何使用CSS控制打印頭。

@media print {
@page {
margin-top:20mm;
margin-bottom:15mm;
}
h1 {
font-size:20pt;
font-weight:bold;
text-align:center;
margin-bottom:5mm;
}
h2 {
font-size:18pt;
font-weight:bold;
margin-top:5mm;
margin-bottom:5mm;
}
}

上面這段代碼展示了如何通過(guò)@media查詢和@page選擇器來(lái)控制打印頭的樣式。這里我們?cè)O(shè)置了打印紙張上下邊距的大小，并定義了h1和h2標(biāo)簽的樣式。

在打印時(shí)，h1和h2標(biāo)簽會(huì)被自動(dòng)添加到打印頁(yè)的頂部，起到標(biāo)題的作用。

除了上面的例子，我們還可以通過(guò)其他CSS屬性來(lái)控制打印頭的樣式，如color、background-color、text-shadow等等。此外，我們還可以使用偽類(lèi)選擇器來(lái)對(duì)打印頭和打印尾進(jìn)行樣式控制，例如：

@media print {
@page {
margin-top:20mm;
margin-bottom:15mm;
@top-center {
content:"My Company Logo";
}
}
h1 {
font-size:20pt;
font-weight:bold;
text-align:center;
margin-bottom:5mm;
}
h2 {
font-size:18pt;
font-weight:bold;
margin-top:5mm;
margin-bottom:5mm;
}
@page :after {
content:"Page " counter(page);
}
}

上面這段代碼中，我們使用@top-center偽類(lèi)選擇器來(lái)設(shè)置打印頁(yè)頭的文本內(nèi)容為“My Company Logo”。

另外，我們也在代碼的末尾使用了@page :after偽類(lèi)選擇器，用于在每一頁(yè)的底部顯示頁(yè)碼信息。

總之，在打印頭的樣式控制方面，CSS提供了很多選擇，我們可以根據(jù)需要選擇合適的CSS屬性、偽類(lèi)選擇器等，從而讓打印的內(nèi)容更具可讀性、清晰度和美觀度。