7.文字和字型屬性
阿新 • • 發佈：2018-12-22
字型相關CSS屬性介紹
font-family
字體系列。
font-family可以把多個字型名稱作為一個“回退”系統來儲存。如果瀏覽器不支援第一個字型，則會嘗試下一個。瀏覽器會使用它可識別的第一個值。
簡單例項：
body {
font-family: "Microsoft Yahei", "微軟雅黑", "Arial", sans-serif
}
如果設定成inherit，則表示繼承父元素的字型。
font-weight
字重（字型粗細）。
取值範圍：
| 值 | 描述 |
|---|---|
| normal | 預設值，標準粗細 |
| bord | 粗體 |
| border | 更粗 |
| lighter | 更細 |
| 100~900 | 設定具體粗細，400等同於normal，而700等同於bold |
| inherit | 繼承父元素字型的粗細值 |
font-size
字型大小。
p {
font-size: 14px;
}
如果設定成inherit表示繼承父元素的字型大小值。
color
設定內容的字型顏色。
支援三種顏色值：
- 十六進位制值 如: ＃FF0000
- 一個RGB值 如: RGB(255,0,0)
- 顏色的名稱 如: red
p {
color: red;
}
字型屬性
text-align
文字對齊
text-align 屬性規定元素中的文字的水平對齊方式。
| 值 | 描述 |
|---|---|
| left | 左邊對齊 預設值 |
| right | 右對齊 |
| center | 居中對齊 |
| justify | 兩端對齊 |
line-height
行高
text-decoration
文字裝飾。
| 值 | 描述 |
|---|---|
| none | 預設。定義標準的文字。 |
| underline | 定義文字下的一條線。 |
| overline | 定義文字上的一條線。 |
| line-through | 定義穿過文字下的一條線。 |
| inherit | 繼承父元素的text-decoration屬性的值。 |