在現代的數字時代，雖然很多文檔都能夠直接在電腦上查看，但是有時我們仍然需要打印一些文檔來方便閱讀和查看。但是，打印出來的文檔中排版往往都比較丑陋。幸運的是，CSS 可以幫助我們控制在打印頁面上的外觀，讓打印出來的文件更加易讀。
由于打印頁面的樣式不同于在瀏覽器中的樣式，因此我們需要使用一些特殊的規則來控制頁面的打印樣式，這就是所謂的打印樣式表（Print Stylesheet）。打印樣式表是一種根據媒體類型打印輸出的特殊樣式表，它能夠控制在打印頁面上的元素的排版和樣式。
在打印樣式表中，我們可以使用許多屬性來定義頁面上元素的排版和樣式。例如，我們可以使用font-size屬性來調整文本的大小，使用text-align屬性來調整文本的對齊方式，還可以使用page-break-before和page-break-after等屬性來控制分頁。
@media print {
/* 打印樣式表 */
body {
font-size: 12pt; /* 設置字體大小 */
line-height: 1.5; /* 設置行高 */
margin: 1cm; /* 設置頁邊距 */
}
h1 {
font-size: 16pt; /* 設置標題字體大小 */
}
p {
text-align: justify; /* 設置正文文本對齊方式 */
}
.no-print {
display: none; /* 不進行打印 */
}
.page-break {
page-break-before: always; /* 分頁 */
}
}你可能會問如何調用打印樣式表，實際上只需要在你的 HTML 文件中使用media="print"屬性引入即可：
<head> <!-- 引入打印樣式表 --> <link rel="stylesheet" type="text/css" href="print.css" media="print"> </head>
總之，打印樣式表可以幫助我們在打印頁面上控制元素排版和樣式，從而讓打印出來的文件更加易讀和美觀。
上一篇css怎么插圖片背景
下一篇css怎么顯示圖片居中