## CSS 屬性的定義
CSS 屬性是由英文單詞 "CSS property" 縮略而來的,它們描述了設置或控制網頁元素的樣式的方法。CSS 屬性可以表示多種形式,包括值、取值、優先級和結合性。
### CSS 值
CSS 值是用于設置元素的樣式的參數,它們可以是任何字母、數字或下劃線組成。例如,可以設置文本的字體、顏色、大小、間距等。
```css
text-align: center;
這個 CSS 屬性的值是 "center",它將把文本居中。
### CSS 取值
CSS 取值是用于指定元素的特定屬性的值的參數。例如,可以設置圖像的寬度和高度,以及背景顏色等。
```css
width: 80px;
height: 100px;
background-color: blue;
這個 CSS 屬性的取值分別是 "80px" 和 "100px",它將把圖像設置為藍色背景。
### CSS 優先級
```css
color: blue;
font-size: 16px;
font-weight: bold;
background-color: red;
a:hover {
color: blue;
font-size: 18px;
font-weight: bold;
background-color: green;
### CSS 結合性
```css
color: blue;
font-size: 16px;
font-weight: bold;
background-color: red;
a:hover {
color: blue;
font-size: 18px;
font-weight: bold;
background-color: green;
/* 結合性示例 */
color: blue;
font-size: 16px;
font-weight: bold;
background-color: red;
color: red; /* 結合使用 */
## CSS 屬性的常見例子
以下是一些常見的 CSS 屬性及其常見例子:
### CSS 字體屬性
CSS 字體屬性用于設置元素的字體。這個屬性的值可以是字母、數字或下劃線。例如,可以設置文本的字體為 "Arial"。
```css
font-family: Arial;
### CSS 顏色屬性
CSS 顏色屬性用于設置元素的配色方案。這個屬性的值可以是數字、字母或下劃線,以及一個或多個顏色值。例如,可以設置文本的顏色為紅色。
```css
color: red;
### CSS 大小屬性
CSS 大小屬性用于設置元素的字體大小和字距。這個屬性的值可以是數字、字母或下劃線,以及一個度量單位。例如,可以設置文本的大小為 16px。
```css
font-size: 16px;
### CSS 間距屬性
CSS 間距屬性用于設置元素的前后間距。這個屬性的值可以是數字、字母或下劃線,以及一個度量單位。例如,可以設置文本的前后間距為 2px。
```css
line-height: 2px;
### CSS 背景顏色屬性
CSS 背景顏色屬性用于設置元素的背景顏色。這個屬性的值可以是數字、字母或下劃線,以及一個顏色值。例如,可以設置文本的背景顏色為紅色。
```css
background-color: red;
以上是 CSS 屬性的一些基礎知識,以及它們常見的例子。通過理解這些基礎知識,我們可以更好地理解 CSS 樣式的工作原理,并能夠更有效地使用 CSS 來創建出色的網頁設計。