font-size:字號大小
font-size屬性用于設(shè)置字號,該屬性的值可以使用相對長度單位池凄,也可以使用絕對長度單位。其中鬼廓,相對長度單位比較常用肿仑,推薦使用像素單位px,絕對長度單位使用較少碎税。具體如下:
font-family:字體
font-family屬性用于設(shè)置字體尤慰。網(wǎng)頁中常用的字體有宋體、微軟雅黑雷蹂、黑體等伟端,例如將網(wǎng)頁中所有段落文本的字體設(shè)置為微軟雅黑,可以使用如下CSS樣式代碼:
p{ font-family:"微軟雅黑";}
可以同時(shí)指定多個字體匪煌,中間以逗號隔開责蝠,表示如果瀏覽器不支持第一個字體党巾,則會嘗試下一個,直到找到合適的字體霜医。
常用技巧:
1. 現(xiàn)在網(wǎng)頁中普遍使用14px+昧港。
2. 盡量使用偶數(shù)的數(shù)字字號。ie6等老式瀏覽器支持奇數(shù)會有bug支子。
3. 各種字體之間必須使用英文狀態(tài)下的逗號隔開。
4. 中文字體需要加英文狀態(tài)下的引號达舒,英文字體一般不需要加引號值朋。當(dāng)需要設(shè)置英文字體時(shí),英文字體名必須位于中文字體名之前巩搏。
5. 如果字體名中包含空格昨登、#、$等符號贯底,則該字體必須加英文狀態(tài)下的單引號或雙引號丰辣,例如font-family: "Times New Roman";。
6. 盡量使用系統(tǒng)默認(rèn)字體禽捆,保證在任何用戶的瀏覽器中都能正確顯示笙什。
CSS Unicode字體
在 CSS 中設(shè)置字體名稱,直接寫中文是可以的胚想。但是在文件編碼(GB2312琐凭、UTF-8 等)不匹配時(shí)會產(chǎn)生亂碼的錯誤。xp 系統(tǒng)不支持 類似微軟雅黑的中文浊服。
方案一: 你可以使用英文來替代统屈。 比如 font-family:"Microsoft Yahei"。
方案二: 在 CSS 直接使用 Unicode 編碼來寫字體名稱可以避免這些錯誤牙躺。使用 Unicode 寫中文字體名稱愁憔,瀏覽器是可以正確的解析的。font-family: "\5FAE\8F6F\96C5\9ED1"孽拷,表示設(shè)置字體為“微軟雅黑”吨掌。
可以通過escape() 來測試屬于什么字體。
字體名稱英文名稱Unicode 編碼
宋體SimSun\5B8B\4F53
新宋體NSimSun\65B0\5B8B\4F53
黑體SimHei\9ED1\4F53
微軟雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1
楷體_GB2312KaiTi_GB2312\6977\4F53_GB2312
隸書LiSu\96B6\4E66
幼園YouYuan\5E7C\5706
華文細(xì)黑STXihei\534E\6587\7EC6\9ED1
細(xì)明體MingLiU\7EC6\660E\4F53
新細(xì)明體PMingLiU\65B0\7EC6\660E\4F53
為了照顧不同電腦的字體安裝問題乓搬,我們盡量只使用宋體和微軟雅黑中文字體
font-weight:字體粗細(xì)
字體加粗除了用 b 和 strong 標(biāo)簽之外思犁,可以使用CSS 來實(shí)現(xiàn),但是CSS 是沒有語義的进肯。
font-weight屬性用于定義字體的粗細(xì)激蹲,其可用屬性值:normal、bold江掩、bolder学辱、lighter乘瓤、100~900(100的整數(shù)倍)。
小技巧:
數(shù)字 400 等價(jià)于 normal策泣,而 700 等價(jià)于 bold衙傀。 但是我們更喜歡用數(shù)字來表示。
font-style:字體風(fēng)格
字體傾斜除了用 i 和 em 標(biāo)簽之外萨咕,可以使用CSS 來實(shí)現(xiàn)统抬,但是CSS 是沒有語義的。
font-style屬性用于定義字體風(fēng)格危队,如設(shè)置斜體聪建、傾斜或正常字體,其可用屬性值如下:
normal:默認(rèn)值茫陆,瀏覽器會顯示標(biāo)準(zhǔn)的字體樣式金麸。
italic:瀏覽器會顯示斜體的字體樣式。
oblique:瀏覽器會顯示傾斜的字體樣式簿盅。
小技巧:
平時(shí)我們很少給文字加斜體挥下,反而喜歡給斜體標(biāo)簽(em,i)改為普通模式桨醋。
font:綜合設(shè)置字體樣式 (重點(diǎn))
font屬性用于對字體樣式進(jìn)行綜合設(shè)置棚瘟,其基本語法格式如下:
選擇器{font:font-stylefont-weightfont-size/line-heightfont-family;}
使用font屬性時(shí),必須按上面語法格式中的順序書寫讨盒,不能更換順序解取,各個屬性以空格隔開。
注意:其中不需要設(shè)置的屬性可以省略(取默認(rèn)值)返顺,但必須保留font-size和font-family屬性禀苦,否則font屬性將不起作用。