在網頁設計中，CSS起到了非常重要的作用。它可以讓網頁變得美觀、規范化，讓用戶更好地理解頁面內容。那么，如何使用CSS做出漂亮的樣式呢？下面就來介紹一下。

首先，我們需要了解一些基本的CSS語法。CSS是由樣式規則組成的，樣式規則包含選擇器和一組聲明，每個聲明由屬性和屬性值組成。例如：

selector {
property: value;
}

選擇器可以是標簽名、id、class、偽類等等，屬性和屬性值則決定了元素的樣式。下面展示一個實例：

p {
font-size: 16px;
color: red;
}
CSS的樣式效果：
這是一段測試文本。

CSS的樣式效果：

這是一段測試文本。

在這個例子中，p為選擇器，font-size和color為聲明的屬性，16px和red是對應的屬性值。這段CSS的作用是將文本的字體大小設置為16px，顏色設置為紅色。

除了字體大小和顏色，CSS還有眾多其它屬性可以被設置。例如，margin和padding屬性可以控制元素的外邊距和內邊距，background屬性可以設置元素的背景顏色或背景圖片。下面是一些常用的CSS樣式：

h1 {
font-size: 32px;
color: #333;
}
p {
font-size: 16px;
line-height: 1.5;
}
.container {
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
a {
color: blue;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

這些樣式規則設置了標題、段落、區塊、鏈接的樣式。其中，容器的margin為0 auto可以讓div元素居中顯示，a:hover可以讓鼠標放置在鏈接上時顯示下劃線。

要注意的是，CSS的樣式聲明會按照所在規則的順序依次被解析。因此，如果多個樣式規則應用于同一個元素，最后一個聲明會覆蓋之前的聲明。例如：

p {
font-size: 16px;
color: red;
}
p {
color: blue;
}
CSS的樣式效果：
這是一段測試文本。

CSS的樣式效果：

這是一段測試文本。

這種情況下，顏色會被設置成blue而不是原先的red。

綜上所述，學會CSS樣式的應用對于網頁設計師而言是非常重要的。良好的CSS樣式能夠讓頁面更加美觀、易于閱讀、規范化，為用戶提供更好的使用體驗。