字體font -易忘知識點


字體font


font-family

設置字體為微軟雅黑

font-family: 'Microsoft YaHei';

常用字體:

font-family: "Arial","Microsoft YaHei","黑體","宋體",sans-serif;


font-size

標題h1-h6標簽比較特殊,需要單獨指定文字大小。

  1. 谷歌瀏覽器默認的文字大小為16px。
  2. 不同瀏覽器可能默認顯示的字號大小不一致,我們盡量給一個明確值大小。
  3. 不要默認大小可以給 body 指定整個頁面文字的大。

font-weight

字體粗細

實際開發中,提倡使用數字,表示加粗或變細。

400等同於normal(正常的字體),而700等同於bold(加粗),這個數字后面不要跟單位

下面這個 700 的后面不要跟單位,等價於bold,都是加粗的效果。

font-weight: 700;


font-style

字體樣式:
CSS 使用 font-style 屬性設置文本的風格。

注意:平時我們很少為文字加斜體,反而要給斜體標題(em,i)改為不傾斜字體。


綜合寫法

font: font-style font-weight font-size/line-height font-family;

使用 font 屬性時,必須按上面語法格式中的順序書寫,不能更換順序,並且各個屬性間以空格隔開 不需要設置的屬性可以省略(取默認值),但必須保留 font-size 和 font-family 屬性,否則 font 屬性將不起作用。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM