4.1 字體屬性
字體屬性是用來設定“文字字形”的外觀表現，主要包括：
顏色， 字體名稱， 大小， 是否斜體（字體樣式）， 是否粗體。
color， font-family， font-size， font-style font-weight
常用字體屬性如下所示：
| 屬性名稱 | 含義與說明 | 舉例 | 其他 |
|---|---|---|---|
| color | 文字的顏色，又稱爲“前景色” | color: red; color:#ff0000; color:rgb(255, 50, 100) color:rgba(250,0,0,0.7) | 顏色值可以有多種寫法 |
| font-family | 文字的字體，比如宋體，黑體，微軟雅黑，隸書。 | font-family: 宋體； font-family: 微軟雅黑，宋體； font-family: “Times New Roman”; | 可以設定多個值，瀏覽器優先使用前面的，沒有再依次找後面的，或使用內部字體。 |
| font-size | 文字的大小 | font-size: 14px; | px是長度單位，表示“像素” |
| font-style | 文字的樣式（決定字體是正體還是斜體） | font-style: itatic; font-style: normal;（默認值） | normal（正常字體，默認值）；itatic（斜體） |
| font-weight | 文字的粗細度 | font-weight: bold; font-weight:bolder; | 有4個值可用： normal, bold, bolder, lighter |
| font | 上述所有文字屬性的綜合屬性。 | font:red 宋體 14px italic bold; | 屬性值依次寫出，空格隔開，不分順序 |
4.2 文本屬性
文本屬性通常指的是作爲文字內容的整體性特性（而不是具體文字的表現特性）。
常用屬性有：
| 屬性名稱 | 含義 | 舉例 | 其他說明 |
|---|---|---|---|
| text-align | 一段文字的對齊方式 | text-align: center; | 可用值：left， center， right |
| text-decoration | 一段文字的”修飾線” | text-decoration：underline | 可用值：underline（下劃線），overline（上劃線），line-through（中劃線） |
| text-indent | 設置一段文本的“首行縮進”的寬度（距離） | text-indent: 24px; | px是長度單位，表示“像素” |
| line-height | 設定文字的“行高” | line-height: 30px; line-height: 2em; | em是長度單位，表示“字高” |
| letter-spacing | 設定文字的“字符間距” | letter-spacing: 3px; | 注意：中文的每個字都算一個字符 |
| word-spacing | 設定文字的“單詞間距” | word-spacing: 15px; | 注意：單詞通常是以“空格”隔開的。因此，連續的中文即使很長也只能算一個單詞。 |
