- 字體樣式 font-style
font-style: normal; // 默認(rèn)
font-style: italic; // italic 和 oblique 都是斜體
font-style: oblique;
- 字的粗細(xì) font-weight
font-weight: normal;
font-weight: bold;
font-weight: bolder;
font-weight: light;
font-weight: 100 | 200 | ... | 900; // 400 相當(dāng)于 normal
- 字的大小 font-size
font-size: 16px;
- 行高 line-height
line-height: 15px;
字的中間跟行高的中間對齊
利用該特點(diǎn), 使導(dǎo)航中的文字實(shí)現(xiàn)豎直方向上的居中
- 字體 font-family
font-family: SimHei; // 黑體 // 多個字體用逗號","隔開
要點(diǎn):
先英文字體, 再中文字體;
先特殊字體, 再安全字體;
先具體字體, 再字體大類. ( 字體大類: 有襯線 | 無襯線 )
-
字的顏色 color
*注: 不是 font-color
color: #000;
※ font 屬性可以簡寫在一行中
font: style weight size/line-height family;
*按此順序?qū)懸粋€或多個屬性, 但size和line-height必須都有, 且用"/"隔開
font: italic bold 20px/30px 黑體;
font: 15px/30px;
字體精講
設(shè)計(jì)人員機(jī)器上有的字體胧洒，來瀏覽的客戶機(jī)器上未必有詞字體迎卤；
css里如果聲明了文字為某個字體吉执，如雅黑封字，那么雅黑字體是從客戶自己的機(jī)器上尋找字體并渲染在網(wǎng)頁上节沦。
如果客戶機(jī)器上沒有該字體姨涡，會找一種相近的或機(jī)器默認(rèn)的字體來代替。
結(jié)論：設(shè)計(jì)者自己機(jī)器上看到的某種網(wǎng)頁的字體效果谦屑，在瀏覽者看來未必有相同效果驳糯。英文的字體多，中文的字體少
字體大類
| 分類 | 名稱 | 作用 | 常用字體 |
|---|---|---|---|
| 有襯線字體 | serif | 一般用于正文 | Times, Georgia, 宋體伦仍，仿宋 |
| 無襯線字體 | sans-serif | 一般用于標(biāo)題 | Arial, Geneva, 微軟雅黑结窘，黑體 |
| 等寬字體 | Monospace | 編程很洋、開發(fā)時(shí) | Coruier, Courier New, Andale Mono |
- 字體作用的順序
font-family 可以設(shè)置多種字體充蓝，順序從前往后顯示
如：font-family: a, b, c, d;
即，如果有 a 字體喉磁，顯示為 a 字體谓苟；若無，顯示 b 字體协怒；以此類推涝焙； - 當(dāng)聲明多個字體，如果某個字體名稱包含多個單詞孕暇，或中文字體仑撞，則字體名用雙引號包起來
如：font-family: "Times New Romas", "仿宋";
- 根據(jù)以上赤兴，可以得出：
要點(diǎn):
先英文字體, 再中文字體;
先特殊字體, 再安全字體;
先具體字體, 再字體大類.
2012_d1_①_025 028
