CSS樣式是網頁設計中至關重要的一環，它可以改變網頁的字體、顏色、大小、布局等，使網頁更加美觀、易讀和易用。以下是CSS樣式的幾種類型：

1. 元素選擇器
p {
color: red;
font-size: 20px;
}
即選擇所有的p元素，將字體顏色設置為紅色，字體大小設置為20像素。
2. 類選擇器
.important {
font-weight: bold;
}
即選取具有class為“important”的元素，將字體加粗。
3. ID選擇器
#banner {
width: 100%;
height: 200px;
}
即選取具有id為“banner”的元素，將寬度設置為100%，高度設置為200像素。
4. 屬性選擇器
input[type="text"] {
color: red;
}
即選取所有type屬性為“text”的input元素，將字體顏色設置為紅色。
5. 后代選擇器
div p {
margin: 10px;
}
即選取所有包含在div元素內的p元素，將邊距設置為10像素。
6. 偽類選擇器
a:hover {
color: blue;
text-decoration: underline;
}
即當鼠標懸停在鏈接上時，將字體顏色設置為藍色，添加下劃線。
7. 偽元素選擇器
p::first-letter {
font-size: 30px;
}
即選取每個p元素的第一個字母，將字體大小設置為30像素。