CSS是一種用于創建網頁樣式的語言，它具有很多有用的屬性，這些屬性可以用于控制網頁元素的樣式，例如顏色、字體、大小、位置等等。雖然有些屬性是針對特定類型的元素的，但是有很多屬性是通用的，可以用于控制整個網頁的樣式。本文將介紹CSS所有樣式通用屬性。
1. 選擇器
選擇器是CSS中最基本的屬性之一，它用于選擇特定的元素或屬性。選擇器可以包括數字、字母、下劃線等字符，例如：
h1:first-child {
color: blue;
這個選擇器選擇第一個包含“h1”標簽的元素，并將其顏色設置為藍色。
2. 盒模型
盒模型是一種用于描述元素盒大小和邊界的規則。盒模型包括元素自身的邊界和周圍元素的盒邊界。使用盒模型可以控制元素的樣式，例如：
body {
margin: 0;
padding: 0;
border: 0;
這個選擇器將整個頁面的邊距設置為0，并且將元素周圍的所有邊距也設置為0。
3. 字體屬性
字體屬性用于指定元素的字體。它有兩種類型：
- 字體樣式：指定元素的字體樣式，例如：
font-family: Arial, sans-serif;
這個選擇器使用“Arial”和“ sans-serif”作為字體名稱，并指定了元素的字體樣式。
- 字體大小：指定字體的大小，例如：
font-size: 16px;
這個選擇器指定了字體大小為16像素。
4. 顏色屬性
顏色屬性用于指定元素的樣式。它有兩種類型：
- 顏色值：指定顏色，例如：
color: red;
這個選擇器指定了元素的紅色顏色。
- 顏色列表：指定一組顏色，例如：
background-color: #f00;
這個選擇器指定了背景顏色為“#f00”。
5. 背景顏色屬性
背景顏色屬性用于指定網頁的背景顏色。它有兩種類型：
- 背景顏色值：指定顏色，例如：
background-color: #f00;
這個選擇器指定了背景顏色為“#f00”。
- 背景顏色列表：指定一組顏色，例如：
background-color: #f00 #f00 #f00;
這個選擇器將背景顏色設置為“紅色”和“紅色”兩個顏色。
6. 平白文本
平白文本屬性用于控制元素的文本樣式。它有兩種類型：
- 文本樣式：指定元素的文本樣式，例如：
text-align: center;
這個選擇器將元素的文本對齊方式設置為“居中”。
- 字體樣式：指定元素的字體樣式，例如：
font-family: Arial, sans-serif;
這個選擇器使用“Arial”和“ sans-serif”作為字體名稱，并指定了元素的字體樣式。
7. 樣式
樣式是CSS的核心，用于控制整個網頁的樣式。使用樣式可以包括文本、顏色、邊框、邊距、字體、大小等等。使用樣式可以控制整個網頁的排版、顏色、字體、大小等等。
8. 偽類
偽類是CSS中用于創建不同樣式的指令。它們可以根據元素的父類和子類自動創建不同的樣式。
例如，使用以下偽類可以創建一個背景圖片：
background-size: cover;
height: 100px;
9. 邊框屬性
邊框屬性用于指定元素的邊框樣式。它有兩種類型：
- 邊框樣式：指定邊框的顏色、寬度、高度等，例如：
border-radius: 10px;
border-right-width: 10px;
這個選擇器將邊框半徑設置為10像素，并且將邊框的寬度和高度也設置為10像素。
- 邊框列表：指定一組邊框樣式，例如：
border: 1px solid #ccc;
這個選擇器指定了邊框樣式為“黑色”，并且沒有邊框。
10. 邊框寬度屬性
邊框寬度屬性用于控制元素的邊框寬度。它有兩種類型：
- 邊框寬度值：指定邊框的寬度，例如：
border-width: 10px;
這個選擇器指定了邊框寬度為10像素。
11. 內邊距
內邊距是用于控制元素內部邊距的值。它有兩種類型：
- 內邊距值：指定元素的內邊距的值，例如：
margin: 5px;
這個選擇器指定了元素的內邊距為5像素。
12. 外邊距
外邊距是用于控制元素外部邊距的值。它有兩種類型：
- 外邊距值：指定元素的外邊距的值，例如：
margin: 10px;
這個選擇器指定了元素的外邊距為10像素。
13. 彈性盒子
彈性盒子是CSS中用于創建彈性布局的指令。它可以使網頁更加靈活，例如：
body {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
這個選擇器將整個頁面的樣式設置為“彈性盒子”，并設置了“justify-content”和“align-items”屬性，使頁面居中對齊。
14. 彈性軸
彈性軸是CSS中用于創建彈性布局的指令。它可以使網頁更加靈活，例如：
body {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f00;
font-size: 24px;
color: #fff;
這個選擇器將整個頁面的樣式設置為“彈性盒子”，并設置了“height”和“background-color”屬性，使頁面自適應高度，并保持在垂直和水平方向上居中對齊。
以上就是關于CSS所有樣式通用屬性的介紹，它們可以用于控制網頁元素的樣式，包括顏色、字體、大小等等。使用這些屬性可以更加靈活地控制整個網頁的樣式。