通常，在網頁中，我們會使用 CSS 來添加樣式以改變網頁的外觀和風格。CSS 是一種描述性語言，用于指定 HTML 元素應如何呈現。它使我們能夠更改文本的顏色，字體，大小，內邊距，邊框和其他屬性。在本文中，我們將學習如何將 CSS 樣式應用于網頁。

/*CSS示例*/
body {
background-color: blue; /*設置網頁的背景顏色為藍色*/
}
h1 {
color: white; /*設置標題顏色為白色*/
text-align: center; /*標題居中對齊*/
}
p {
font-family: Arial, sans-serif; /*設置段落字體為 Arial 或 sans-serif*/
font-size: 16px; /*設置段落字體大小為 16 像素*/
}

上述代碼顯示了如何在 CSS 中定義網頁的外觀。我們可以使用 body，h1 和 p 元素選擇器來選定相應元素，并使用屬性來修改其外觀。在本例中，我們設置了網頁的背景顏色、標題顏色和居中對齊方式、段落字體族和大小。

我們還可以使用 CSS 來更改 HTML 元素的樣式，例如鏈接，圖像，表格和表單。您只需選定相應元素，然后設置屬性即可。

/*CSS示例*/
a:link {
color: green; /*設置鏈接的默認顏色為綠色*/
text-decoration: none; /*刪除鏈接下劃線*/
}
a:hover {
color: red; /*鏈接懸停時將文本顏色更改為紅色*/
text-decoration: underline; /*添加下劃線*/
}
img {
border: 1px solid black; /*圖像有一個 1 像素的黑色邊框*/
}
table {
border-collapse: collapse; /*表格邊框合并在一起*/
}

上述代碼為我們展示了如何設置鏈接， 圖像和表格元素的外觀。我們可以選擇我們所需的元素，并指定顏色、邊框和其他屬性。我們還可以使用偽類選擇器如：hover 來控制鼠標懸停時的樣式。

在 CSS 中使用類和 ID 選擇器可以更加靈活地控制樣式。類選擇器使用點號來指定，而 ID 選擇器使用井號。對于需要在頁面中唯一標識的元素，我們可以使用 ID 選擇器。對于需要指定相同樣式的多個元素，我們可以使用類選擇器。

/*CSS示例*/
.main-content {
background-color: white;
color: black;
padding: 10px;
}
#header {
background-color: gray;
color: white;
}

上述代碼展示了如何使用類和 ID 選擇器來選定特定元素。main-content 類被應用于類名為 main-content 的 div 元素，而 id 為 header 的元素被應用于標題。在這種情況下，我們可以將 main-content 類應用于多個 div 元素，并保持相同的樣式，而 header ID 只能應用于一個標題元素。

總之，在網頁中， CSS 是非常重要的應用，可以幫助您控制樣式和外觀。使用正確的元素選擇器和屬性設置，您可以定制頁面以適應任何需要。