1.font字體
1.1 font-size:大小
-
作用：
font-size屬性用于設(shè)置字號
p {
font-size:20px;
}
-
單位：
- 可以使用相對長度單位乘瓤，也可以使用絕對長度單位。
- 相對長度單位比較常用策泣，推薦使用像素單位px衙傀，絕對長度單位使用較少。
注意：
- 我們文字大小以后萨咕，基本就用px了统抬，其他單位很少使用
- 谷歌瀏覽器默認(rèn)的文字大小為16px
- 但是不同瀏覽器可能默認(rèn)顯示的字號大小不一致，我們盡量給一個明確值大小危队，不要默認(rèn)大小聪建。一般給body指定整個頁面文字的大小
1.2 font-family:字體
-
作用：
font-family屬性用于設(shè)置哪一種字體。
p{ font-family:"微軟雅黑";}
- 網(wǎng)頁中常用的字體有宋體茫陆、微軟雅黑、黑體等挥下，例如將網(wǎng)頁中所有段落文本的字體設(shè)置為微軟雅黑
- 可以同時指定多個字體棚瘟，中間以逗號隔開偎蘸，表示如果瀏覽器不支持第一個字體，則會嘗試下一個限书，直到找到合適的字體蔗包， 如果都沒有，則以我們電腦默認(rèn)的字體為準(zhǔn)舟陆。
p{font-family: Arial,"Microsoft Yahei", "微軟雅黑";}
CSS Unicode字體
-
為什么使用 Unicode字體
- 在 CSS 中設(shè)置字體名稱秦躯，直接寫中文是可以的。但是在文件編碼（GB2312倡缠、UTF-8 等）不匹配時會產(chǎn)生亂碼的錯誤昙沦。
- xp 系統(tǒng)不支持 類似微軟雅黑的中文盾饮。
-
解決：
方案一： 你可以使用英文來替代丘损。 比如
font-family:"Microsoft Yahei"工扎。-
方案二： 在 CSS 直接使用 Unicode 編碼來寫字體名稱可以避免這些錯誤肢娘。使用 Unicode 寫中文字體名稱，瀏覽器是可以正確的解析的猪落。
font-family: "\5FAE\8F6F\96C5\9ED1"; 表示設(shè)置字體為“微軟雅黑”笨忌。
| 字體名稱 | 英文名稱 | Unicode 編碼 |
|---|---|---|
| 宋體 | SimSun | \5B8B\4F53 |
| 新宋體 | NSimSun | \65B0\5B8B\4F53 |
| 黑體 | SimHei | \9ED1\4F53 |
| 微軟雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 |
| 楷體_GB2312 | KaiTi_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 |
為了照顧不同電腦的字體安裝問題官疲，我們盡量只使用宋體和微軟雅黑中文字體
1.3 font-weight:字體粗細(xì)
- 在html中如何將字體加粗我們可以用標(biāo)簽來實(shí)現(xiàn)
- 使用 b 和 strong 標(biāo)簽是文本加粗。
- 可以使用CSS 來實(shí)現(xiàn)垢夹，但是CSS 是沒有語義的维费。
| 屬性值 | 描述 |
|---|---|
| normal | 默認(rèn)值（不加粗的） |
| bold | 定義粗體（加粗的） |
| 100~900 | 400 等同于 normal犀盟，而 700 等同于 bold 我們重點(diǎn)記住這句話 |
提倡：
我們平時更喜歡用數(shù)字來表示加粗和不加粗。
1.4 font-style:字體風(fēng)格
- 在html中如何將字體傾斜我們可以用標(biāo)簽來實(shí)現(xiàn)
- 字體傾斜除了用 i 和 em 標(biāo)簽倡怎，
- 可以使用CSS 來實(shí)現(xiàn)监署，但是CSS 是沒有語義的
font-style屬性用于定義字體風(fēng)格钠乏，如設(shè)置斜體昵仅、傾斜或正常字體摔笤，其可用屬性值如下：
| 屬性 | 作用 |
|---|---|
| normal | 默認(rèn)值吕世，瀏覽器會顯示標(biāo)準(zhǔn)的字體樣式 font-style: normal; |
| italic | 瀏覽器會顯示斜體的字體樣式。 |
平時我們很少給文字加斜體况毅，反而喜歡給斜體標(biāo)簽（em尔许，i）改為普通模式终娃。
1.5 font:綜合設(shè)置字體樣式 (重點(diǎn))
font屬性用于對字體樣式進(jìn)行綜合設(shè)置
- 基本語法格式如下：
選擇器 { font: font-style font-weight font-size/line-height font-family;}
- 注意：
- 使用font屬性時，必須按上面語法格式中的順序書寫柠新，不能更換順序恨憎，各個屬性以空格隔開郊楣。
- 其中不需要設(shè)置的屬性可以省略（取默認(rèn)值），但必須保留font-size和font-family屬性喇嘱，否則font屬性將不起作用。
1.6 font總結(jié)
| 屬性 | 表示 | 注意點(diǎn) |
|---|---|---|
| font-size | 字號 | 我們通常用的單位是px 像素放椰，一定要跟上單位 |
| font-family | 字體 | 實(shí)際工作中按照團(tuán)隊(duì)約定來寫字體 |
| font-weight | 字體粗細(xì) | 記住加粗是 700 或者 bold 不加粗 是 normal 或者 400 記住數(shù)字不要跟單位 |
| font-style | 字體樣式 | 記住傾斜是 italic 不傾斜 是 normal 工作中我們最常用 normal |
| font | 字體連寫 | 1. 字體連寫是有順序的 不能隨意換位置 2. 其中字號 和 字體 必須同時出現(xiàn) |
