在網頁設計中，CSS 是無處不在的。CSS 可以讓我們輕松地定義網頁的樣式，而且非常方便靈活。一個網頁豈止只有在屏幕上的表現呢，有時候我們需要打印出來，這時候 CSS 設置打印樣式就非常重要了。

這里我們采用 media="print" 來定義頁面打印樣式。和定義普通樣式一樣，我們也可以用簡潔易讀的 CSS 語句來定義可打印頁面的渲染結果。

@media print{
*{
color: #000 !important;
background: transparent !important;
text-shadow: none !important;
filter:none !important;
-ms-filter: none !important;
text-transform:none !important;
letter-spacing: normal !important;
word-spacing: normal !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
}
body{
margin:0px !important;
padding:0px !important; 
}
.pagebreak{
page-break-before: always;
margin:0px;
padding:0px;
}
a,
a:visited{
text-decoration: underline;
}
a[href]:after {
content: " ("attr(href) ")";
}
abbr[title]:after {
content: " ("attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre{
white-space: pre-wrap !important;
}
pre,blockquote{
border: 1px solid #999;
page-break-inside: avoid;
}
tr, img{
page-break-inside: avoid;
}
img{
max-width: 100% !important;
}
@page :left {
margin: 0cm 3cm 0cm 0cm;
}
@page :right {
margin: 0cm 0cm 0cm 3cm;
}
}

上述代碼介紹了如何設置可打印頁面的樣式。其中，設置了一些基礎樣式，比如背景、字體、顏色，以及其他的一些細節。此外，我們還可以針對具體標簽進行更精細的設置比如 page-break-inside、page-break-before 去控制分頁、margin、padding 等等等等。

如果你想要控制打印頁面或 PDF 輸出的呈現，使用 CSS 設置打印樣式是非常必要的一步。