在網頁設計中,字體是非常重要的一部分,好的字體樣式可以為頁面增添不少美感。CSS中提供了多種字體復合樣式,可惜不少初學者在運用的時候遇到了不少問題。下面就來介紹一下CSS字體復合樣式的寫法方法。
1、font-family屬性
font-family屬性用來設置文本的字體系列,即使無法顯示出設置的字體,瀏覽器會根據CSS規則按照設置的順序依次顯示可用字符。可以設置多個字體系列,用逗號或空格隔開,如果第一個字體無法顯示,瀏覽器就會使用下一個字體,以此類推。
2、font-style屬性
font-style屬性用來設置文本字體的樣式,例如常見的斜體字:
p { font-style: italic; }
3、font-weight屬性
font-weight屬性用來設置文本的粗細,能夠優化頁面的顯示效果。
p { font-weight: bold; }
4、font-size屬性
font-size屬性用來設置文本字體大小,單位可以為px、em或rem。
p { font-size: 16px; }
5、font屬性
font屬性是一個集成了前面幾個屬性的縮寫屬性,優點是可以簡化CSS代碼。例如:
p { font: italic bold 16px serif; }
通過掌握這些CSS字體復合樣式的寫法方法,可以輕松地對文本進行需求化的樣式調整,使網頁更具有視覺沖擊力和美感。
上一篇css字體與word對照
下一篇css字體去掉默認顏色