今天我們來學習一下如何設計一個簡單的網頁模板，使用CSS樣式表來美化頁面。

CSS是Cascading Style Sheets的縮寫，可以讓我們輕松地控制網頁中各種元素的樣式，如文字顏色、背景顏色、字體大小、邊框樣式等等。下面我們來看一些基本的代碼示例：

/* 設置頁面背景顏色 */
body {
background-color: #eee;
}
/* 設置標題的字體樣式和顏色 */
h1 {
font-family: Arial, sans-serif;
color: #333;
}
/* 設置鏈接的鼠標懸停和點擊后的顏色 */
a:hover {
color: red;
}
a:active {
color: blue;
}
/* 設置表格的樣式 */
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #ccc;
padding: 10px;
}

通過以上代碼，我們可以設置頁面的背景顏色、標題的字體樣式和顏色、鏈接的鼠標懸停和點擊后的顏色、表格的邊框和填充樣式等。當然，這只是CSS的冰山一角，還有很多其他的樣式可以使用，比如盒模型、浮動、定位等等。

除了單純地設置樣式外，CSS還可以通過選擇器來選擇某一類元素，并為其添加樣式，從而實現對整個頁面的美化。例如：

/* 選取所有段落 */
p {
font-size: 18px;
line-height: 1.5;
}
/* 選取頁面頂部導航欄 */
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav li {
display: inline-block;
margin: 0 10px;
}
nav a {
text-decoration: none;
color: #333;
}

通過以上代碼，我們可以選擇所有段落，并為它們設置字體大小和行高；同時也可以選取頁面頂部的導航欄，并為其中的元素設置樣式，如列表項的水平排列、列表項之間的間隔以及鏈接的文本裝飾和顏色。

總的來說，CSS是一個十分強大的工具，它可以讓我們輕松地為網頁中的各個元素設置樣式，使我們的網頁看起來更加美觀和有吸引力。