CSS字體屬性
-
CSS Fonts（字體）屬性擁有定義字體系列、大小、粗細和文字樣式（如斜體）
-
字體系列
-
<style type="text/css"> div{ font-family:"Microsoft Yahei"; } </style> -
【注意】
- 各種字體之間必須使用英文狀態下逗號隔開
- 一般情況下，如果有空格隔開的多個單詞組成的字體，加引號
- 盡量使用系統默認自帶的字體，保證在任何用戶的瀏覽器中都能顯示
-
-
字體大小
-
CSS使用font-size屬性來設定字體大小
-
<style type="text/css"> div{ font-size:20px; } </style> -
【注意】
- px（像素）大小是我們網頁的最常用的單位
- 谷歌瀏覽器默認的文字大小為16px
- 不同的瀏覽器可能默認顯示的字號大小不一致，我們盡量給一個明確值大小，不要默認值大小
- 可以給body指定整個頁面文字的大小
-
-
字體的粗細
-
CSS使用font-weight屬性來設定文本字體的粗細
-
<style type="text/css"> div{ font-weight:normal|bold|bolder|lighter|number; } </style>-
引數 說明 normal 正常字體，相當于number為400，宣告這個值將取消之前任何設定 bold 粗體，相當于number700.也相當于<b>物件的作用 bolder IE5+ 特粗體 lighter IE5+ 細體 number IE5+
-
-
-
文字樣式
-
CSS使用font-style屬性設定文字分風格
-
<style type="text/css"> div{ font-stylet:normal|italic; } </style>-
屬性值 作用 normal 默認值，瀏覽器會顯示標準的字體樣式 italic 瀏覽器會顯示斜體的字體樣式
-
-
【注意】平時我們很少給文字加斜體，反而要給斜體標簽（em，i）改為不斜字體
-
-
復合屬性
-
字體屬性可以把以上文字樣式綜合來寫，這樣可以更節約代碼
-
<style type="text/css"> div{ font:font-style font-weight font-size/line-height font-family; } </style> -
【注意】
- 不能改變書寫順序
- 不需要設定的屬性可以省略，但是必須保留font-size和font-family ，否則font屬性將不起作用
-
| 屬性 | 表示 | 注意點 |
|---|---|---|
| font-size | 字號 | 通常用的單位是px，一定要更上單位 |
| font-family | 字體 | 按照團隊約定的字體 |
| font-weight | 字體粗細 | 加粗700，正常400 |
| font-style | 字體樣式 | 傾斜italic，不傾斜normal |
| font | 字體連寫 | 1.順序不能變2.字號和字體必須同時出現 |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/113691.html
標籤：Html/Css
上一篇：CSS 陰影影片優化技巧一則