font是用來設置網頁字體屬性的關鍵字,使用頻率很是高,你們也比較熟悉。它有兩種寫法,一種是簡寫,一種分開寫。瀏覽器
簡寫--font:italic bold 12px/20px arial,sans-serif;字體
分寫--font-style:nomal;font-variant:small-caps;font-weight:bold;font-size:12px;line-height:20px;font-family:"Times New Roman",arial,sans-serif;spa
第一行簡寫中12px/20px 指的是 字體大小爲12px,行高爲20px(相鄰行間距中線間的距離)。最後兩個是兩種字體,若是系統不認識第一個字體,會顯示後邊的字體,多字體的話依次類推(爲了兼容不一樣的瀏覽器,一般第一個放瀏覽器都認識的字體)。it
font-style還有兩個可選值italic oblique,看w3c 上的定義,都爲」瀏覽器會顯示一個斜體的字體樣式」。貌似沒有區別。其實在這些字體中有的字體自己就沒有斜體,那麼使用italic後也正常顯示,可是使用了oblique後字體傾斜。im
font-variant:small-caps的做用是將全部的字體設置爲小型大寫字母字體,另外還有兩個可選值nomal,inherit。樣式