CSS 是一種用于網頁設計的樣式表語言，它可以控制和改變網頁的布局、字體、顏色、大小等各種樣式。通過 CSS 分離了網頁的內容和表現形式，使得網頁更加清晰、易于維護。在本篇文章中，我們將會介紹 CSS 實例的 PDF 版本。

@page {
size: A4;
margin: 1cm;
}
@media print {
body {
margin: 0;
font-family: Arial, sans-serif;
font-size: 12pt;
line-height: 1.4;
}
}

上面的 CSS 代碼是 PDF 版本的基本設置，表示將頁面設置為 A4 大小，并設置 1cm 的邊距。在打印媒介下，應用以下樣式：將頁面邊距設為 0，使用 Arial 字體，字號為 12pt，行高為 1.4。

h1 {
font-size: 24pt;
margin: 0 0 20pt;
}
p {
margin-bottom: 20pt;
}
table {
width: 100%;
border-collapse: collapse;
border: 2px solid black;
}
td, th {
border: 1px solid black;
padding: 8px;
}

以上是一些常用的網頁樣式，用于創建 PDF 版本的樣式。在這里，我們使用了 h1 標簽來定義標題的字體大小和下邊距的大小。p 標簽則定義了段落的下邊距，table 標簽定義了表格的寬度和邊框，td 和 th 標簽定義了單元格的邊框和內邊距。

@media print {
.hidden-print {
display: none;
}
}

最后，上面的 CSS 代碼用于隱藏某些元素。在打印媒介下，應用以下樣式：如果元素的類名為 .hidden-print，則將其 display 屬性設為 none，使得這些元素被隱藏。

通過這些簡單的 CSS 樣式表設置，我們可以輕松地將網頁轉換為 PDF 文件，并保持網頁的樣式不變。這對于創建一些電子書、報告或簡歷等 PDF 文件非常有用。建議大家平時多學習 CSS 樣式，從而讓我們的網頁設計更加出色！