在前端開發中，CSS是不可或缺的一部分。學習CSS時會接觸到許多的樣式，那么CSS常用的樣式有多少種呢？下面就來一一介紹。

1.字體樣式

font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
text-align: center;
text-decoration: underline;

這里我們可以設置字體樣式的種類、大小、粗細、樣式以及對齊方式和下劃線。

2.顏色樣式

color: #fff;
background-color: #000;
opacity: 0.5;

這里我們可以設置字體的顏色和背景色，同時還可以設置透明度。

3.盒子模型樣式

width: 200px;
height: 100px;
border: 1px solid #000;
padding: 10px;
margin: 15px;

這里我們可以設置盒子的寬高、邊框、內邊距和外邊距。

4.列表樣式

list-style-type: circle;
list-style-image: url(list.png);
list-style-position: inside;

這里我們可以設置列表的樣式種類、圖片以及位置。

5.文本樣式

line-height: 1.5;
letter-spacing: 2px;
word-spacing: 5px;
text-transform: uppercase;

這里我們可以設置行高、字母間距、單詞間距和文字大小寫。

6.背景樣式

background-image: url(background.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;

這里我們可以設置背景圖片、重復方式、位置和大小。

總結一下，以上就是CSS中常用的樣式分類及其相關屬性。通過學習這些樣式，我們可以更好地進行網頁的設計和布局。