一、字體樣式是CSS中常用的樣式之一，包括以下幾個方面：

1. 字體（font-family）：用于指定字體的名稱或字體族名稱，可以是一個具體的字體名稱，也可以是一個字體族名稱，如"Arial"、"Helvetica"、"sans-serif"等。

2. 字號（font-size）：用于指定字體的大小，可以是大小（如px、pt等）或相對大小（如em、rem等）。

3. 字重（font-weight）：用于指定字體的粗細程度，可以是normal、bold、bolder、lighter或具體的數字值。

4. 字形（font-style）：用于指定字體的風格，可以是normal、italic、oblique等。

5. 行高（line-height）：用于指定行與行之間的距離，可以是具體的像素值或相對值。

6. 文本裝飾（text-decoration）：用于指定文本的裝飾效果，如下劃線、刪除線等。

7. 文本顏色（color）：用于指定文本的顏色，可以是具體的顏色值或顏色名稱。

舉例說明：

二、顏色樣式：包括文字顏色、背景顏色、邊框顏色等。

三、對齊樣式：包括水平對齊、垂直對齊、文本對齊等。

1. 水平對齊（text-align）：用于指定元素內文本的水平對齊方式，可以是left、right、center、justify等。

2. 垂直對齊（vertical-align）：用于指定元素內文本的垂直對齊方式，可以是top、middle、bottom等。

3. 行高（line-height）：用于指定行與行之間的距離，可以是具體的像素值或相對值。\

4. 文本對齊（text-justify）：用于指定文本的對齊方式，可以是auto、inter-word、distribute等。

5. 盒子對齊（box-align）：用于指定盒子內元素的對齊方式，可以是start、end、center、baseline等。

6. 盒子模型（box-sizing）：用于指定盒子的尺寸計算方式，可以是content-box、border-box等。

   
   

四、行高樣式：包括行高、行間距等

1. 行高（line-height）：用于指定行與行之間的距離，可以是具體的像素值或相對值。

2. 行間距（line-spacing）：用于指定行與行之間的額外距離，可以是具體的像素值或相對值。

3. 垂直對齊（vertical-align）：用于指定元素內文本的垂直對齊方式，可以是top、middle、bottom等。

以下是一些常用的CSS代碼示例，用于設置行高樣式：

五、列表樣式：包括有序列表、無序列表、自定義列表等

1. 有序列表（ol）：用于創建有序列表，可以通過設置list-style-type屬性來指定列表項的標記類型，如數字、字母、羅馬數字等。

2. 無序列表（ul）：用于創建無序列表，可以通過設置list-style-type屬性來指定列表項的標記類型，如實心圓、空心圓、實心方塊等。

3. 自定義列表（dl）：用于創建自定義列表，可以通過設置dt和dd元素來定義列表項和列表項的描述。

以下是一些常用的CSS代碼示例，用于設置列表樣式：

六、邊框樣式：包括邊框寬度、邊框樣式、邊框顏色等

1. 邊框寬度（border-width）：用于指定邊框的寬度，可以是具體的像素值或相對值。

2. 邊框樣式（border-style）：用于指定邊框的樣式，可以是實線、虛線、點線等。

3. 邊框顏色（border-color）：用于指定邊框的顏色，可以是具體的顏色值或顏色名稱。

4. 邊框圓角（border-radius）：用于指定邊框的圓角半徑，可以是具體的像素值或相對值。

以下是一些常用的CSS代碼示例，用于設置邊框樣式：

邊框寬度為1px，邊框樣式為實線，邊框顏色為黑色：

七、背景樣式：包括背景圖片、背景顏色、背景重復等

1. 背景圖片（background-image）：用于指定元素的背景圖片，可以是具體的圖片路徑或URL。

2. 背景顏色（background-color）：用于指定元素的背景顏色，可以是具體的顏色值或顏色名稱。

3. 背景重復（background-repeat）：用于指定背景圖片的重復方式，可以是repeat、repeat-x、repeat-y、no-repeat等。

4. 背景位置（background-position）：用于指定背景圖片的位置，可以是具體的像素值或相對值。

以下是一些常用的CSS代碼示例，用于設置背景樣式：

背景圖片為具體的圖片路徑，背景顏色為白色，背景重復方式為不重復：

八、鏈接樣式：包括鏈接顏色、鏈接下劃線、鏈接狀態等

1. 鏈接顏色（color）：用于指定鏈接的顏色，可以是具體的顏色值或顏色名稱。

2. 鏈接下劃線（text-decoration）：用于指定鏈接的下劃線樣式，可以是實線、虛線、點線等，也可以通過設置none來去掉下劃線。

3. 鏈接狀態（:link、:visited、:hover、:active）：用于指定鏈接在不同狀態下的樣式，如未訪問鏈接、已訪問鏈接、鼠標懸停鏈接、鏈接被點擊后的樣式等。

以下是一些常用的CSS代碼示例，用于設置鏈接樣式：

九、表格樣式：包括表格邊框、表格寬度、表格背景等

1. 表格邊框（border）：用于指定表格邊框的樣式，可以是實線、虛線、點線等。

2. 表格寬度（width）：用于指定表格的寬度，可以是具體的像素值或相對值。

3. 表格背景（background）：用于指定表格的背景顏色或背景圖片。

4. 表格單元格邊框（border）：用于指定表格單元格的邊框樣式，可以是實線、虛線、點線等。

以下是一些常用的CSS代碼示例，用于設置表格樣式：

十、圖片樣式：包括圖片大小、圖片邊框、圖片對齊等

1. 圖片大小（width、height）：用于指定圖片的寬度和高度，可以是具體的像素值或相對值。

2. 圖片邊框（border）：用于指定圖片的邊框樣式，可以是實線、虛線、點線等。

3. 圖片對齊（float）：用于指定圖片的對齊方式，可以是左對齊、右對齊、居中對齊等。

4. 圖片透明度（opacity）：用于指定圖片的透明度，可以是0到1之間的值。

以下是一些常用的CSS代碼示例，用于設置圖片樣式：