1. 程式人生 > >css font:12px/1.5 表示什麼意思 body{font-size: 62.5%;}

css font:12px/1.5 表示什麼意思 body{font-size: 62.5%;}

font:12px/1.5 表示什麼意思,CSS裡面的font:12px/1.5具體含義是什麼

回覆:1.5是行高(line-height).1.5表示是12px的1.5倍,即font: 12px;line-height: 1.5。也可以理解font-size:12px;line-height:1.5em,即字元高度的1.5倍。

,em單位是指父元素的字型大小.
比如
<div style="font-size=12px">
<span style="fontsize:2em">這裡的字是24px</span>
</div>
在網頁設計中我們經常看見body{font-size: 62.5%;}這樣的設定,為什麼偏偏是62.5%呢?這主要是為了方便em與px相互轉換,em的初始值為1em=16px,顯然這樣的話,如1.2em則=19.2px,可是我們在設定的時候很少看見19.2px這樣表示的大小,也就是在用px表示大小時數值是不帶小數位的。當設定了body{font-size: 62.5%;}時,1em則=16px*62.5%=10px,1.2em則=12px,這是不是就簡單多了,準確多了呢~~
◆px畫素(Pixel),相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。
◆em是相對長度單位,相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。
因此用px來定義字型,就無法用瀏覽器字型放大的功能。
任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合:1em=16px。那麼12px=0.75em,10px=0.625em。為了簡化font-size的換算,需要在css中的body選擇器中宣告Font-size:62.5%,這就使em值變為16px*62.5%=10px,這樣12px=1.2em,10px=1em,也就是說只需要將你的原來的px數值除以10,然後換上em作為單位就行了。
◆CSS中em屬性有如下特點
1.em的值並不是固定的;
2.em會繼承父級元素的字型大小。
◆所以我們在寫CSS的時候,需要注意
1.body選擇器中宣告Font-size=62.5%;
2.將你的原來的px數值除以10,然後換上em作為單位;
3.重新計算那些被放大的字型的em數值。避免字型大小的重複宣告。
也就是避免1.2*1.2=1.44的現象。比如說你在#content中聲明瞭字型大小為1.2em,那麼在宣告p的字型大小時就只能是1em,而不是1.2em,因為此em非彼em,它因繼承#content的字型高而變為了1em=12px。
但是12px漢字例外,就是由以上方法得到的12px(1.2em)大小的漢字在IE中並不等於直接用12px定義的字型大小,而是稍大一點。這個問題Jorux已經解決,只需在body選擇器中把62.5%換成63%就能正常顯示了。原因可能是IE處理漢字時,對於浮點的取值精確度有限。不知道有沒有其他的解釋。