CSS 字體屬性定義字體的樣式，如大小，加粗，下劃線等等。
字體族
CSS 定義了五種通用字體：
Serif、Sans-serif 和 Monospace
通過 Serif、Sans-serif 和 Monospace 三個(gè) font-family，可以指定上述襯線、無襯線和等寬字體。
Serif: Times New Roman 和 Georgia
Sans-serif: Arial 和 Verdana
Monospace: Courier New 和 Lucida Console
CSS 字體屬性
| 屬性 | 描述 |
|---|
| font | 在一個(gè)聲明中設(shè)置所有的字體屬性 |
| font-style | 指定文本的字體樣式 |
| font-variant | 以小型大寫字體或者正常字體顯示文本 |
| font-weight | 指定字體的粗細(xì) |
| font-size | 指定文本的字體大小 |
| font-family | 指定文本的字體系列 |
所有的單個(gè)屬性值，寫 inherit 表明值從父元素繼承。
font
font 屬性可以設(shè)置所有字體屬性。
可設(shè)置的屬性按順即為上面表格的順序。
其中，font-size 和 font-family 的值是必需的。
如果缺少了其他值，默認(rèn)值將被插入。
p.one { font: 15px arial, sans-serif; } p.two { font: italic bold 12px/30px Georgia, serif; }
具體來看下面的介紹。
font-style
有如下可選值，其中 normal 是默認(rèn)值。
| 值 | 描述 |
|---|
| normal | 默認(rèn)值。瀏覽器顯示一個(gè)標(biāo)準(zhǔn)的字體樣式。 |
| italic | 瀏覽器會(huì)顯示一個(gè)斜體的字體樣式。 |
| oblique | 瀏覽器會(huì)顯示一個(gè)傾斜的字體樣式。 |
font-variant
有如下可選值，其中 normal 也是默認(rèn)值。
| 值 | 描述 |
|---|
| normal | 默認(rèn)值。瀏覽器會(huì)顯示一個(gè)標(biāo)準(zhǔn)的字體。 |
| small-caps | 瀏覽器會(huì)顯示小型大寫字母的字體。 |
font-weight
font-weight 有一個(gè)特殊之處，它有 100 到 900 的數(shù)值。
| 值 | 描述 |
|---|
| normal | 默認(rèn)值。定義標(biāo)準(zhǔn)的字符。 |
| bold | 定義粗體字符。 |
| bolder | 定義更粗的字符。 |
| lighter | 定義更細(xì)的字符。 |
| 100/200/300/400/500/600/700/800/900 | 定義由細(xì)到粗的字符。400 等同于 normal，而 700 等同于 bold。 |
font-size
xx-small/x-small/small/medium/large/x-large/xx-large：絕對(duì)大小值，把字體的尺寸設(shè)置為不同的尺寸 從 xx-small 到 xx-large。默認(rèn)值：medium。
smaller: 相對(duì)大小值，把 font-size 設(shè)置為比父元素更小的尺寸。
larger: 相對(duì)大小值，把 font-size 設(shè)置為比父元素更大的尺寸。
length: 長度值，把 font-size 設(shè)置為一個(gè)固定的值。比如：14px，1em。
%: 百分比值，把 font-size 設(shè)置為基于父元素的一個(gè)百分比值。比如：80%。
font-family
有兩種類型的字體系列名稱：
總結(jié)
?? CSS 字體族有通用三種常用，襯線，無襯線和等寬字體。
?? 所有單個(gè)字體屬性的值都可以使用 inherit 從父元素繼承。
?? font 是字體屬性的簡寫，使用它按一定順序指定字體全部屬性。
該文章在 2024/10/19 12:45:45 編輯過
400 186 1886
