字體font
font-family
設置字體為微軟雅黑
font-family: 'Microsoft YaHei';
常用字體:
font-family: "Arial","Microsoft YaHei","黑體","宋體",sans-serif;
font-size
標題h1-h6標簽比較特殊,需要單獨指定文字大小。
- 谷歌瀏覽器默認的文字大小為16px。
- 不同瀏覽器可能默認顯示的字號大小不一致,我們盡量給一個明確值大小。
- 不要默認大小可以給 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 屬性將不起作用。