CSS——字型(font-family,font-style,font-size注意要點)
阿新 • • 發佈:2018-12-25
font-family——設定字型(宋體、黑體之類的)
font-style——設定字型風格(也就是正常顯示還是斜著顯示)
normal - 文字正常顯示
italic - 文字斜體顯示
oblique - 文字傾斜顯示
通常情況下,italic 和 oblique 文字在 web 瀏覽器中看上去完全一樣。
font-size:設定字型大小。可以使用px單位也可以使用em。
如果要避免在 Internet Explorer 中無法調整文字的問題,許多開發者使用 em 單位代替 pixels。
W3C 推薦使用 em 尺寸單位。
1em 等於當前的字型尺寸。如果一個元素的 font-size 為 16 畫素,那麼對於該元素,1em 就等於 16 畫素。在設定字型大小時,em 的值會相對於父元素的字型大小改變。
瀏覽器中預設的文字大小是 16 畫素。因此 1em 的預設尺寸是 16 畫素。
可以使用下面這個公式將畫素轉換為 em:pixels/16=em
eg.
h1 {font-size:3.75em;} /* 60px/16=3.75em */
h2 {font-size:2.5em;} /* 40px/16=2.5em */
p {font-size:0.875em;} /* 14px/16=0.875em */
在上面的例子中,以 em 為單位的文字大小與前一個例子中以畫素計的文字是相同的。不過,如果使用 em 單位,則可以在所有瀏覽器中調整文字大小