2010-04-20 18 views
4

我注意到,一些樣式表是這樣的:在CSS中寫入font-size:62.5%/ 1.2em是否符合標準?

body { font-size: 62.5%/1.2em; } 

我得到了一個警告「意外的標記/」當我寫這在NetBeans。如果我改變了EM值,比如說,

body { font-size: 62.5%/1em; } 

計算字體大小保持爲16px。

我的問題是,寫標準是否符合標準?以及如何計算實際的字體大小?

回答

8

在CSS2中,font-size property不允許值爲x/y

您使用的是font short hand property,它允許x/y作爲font-size: x; line-height: y;的縮寫。因此,無論使用

body { font: 62.5%/1.2em sans-serif; } 
/*      ^^^^^^^^^^ the font-family is needed. */ 

body { 
    font-size: 62.5%; 
    line-height: 1.2em; 
} 
+0

但是,爲什麼不體{字體:62.5%1.2em無襯線; }而不是body {font:62.5%/ 1.2em sans-serif; }?而在體內看來,100%= 1em = 16px,對吧?因爲通過寫字體大小:62.5%,我得到的計算字體大小是10px。多謝! – powerboy 2010-04-20 18:50:50

+0

@powerboy:是的。並且'1em == 16px'是否依賴於瀏覽器。 – kennytm 2010-04-20 18:53:12

+1

@powerboy:*爲什麼不是body {font:62.5%1.2em sans-serif; } * - 歷史問題。 「該屬性的語法基於傳統的印刷簡寫符號來設置與字體相關的多個屬性。」 – kennytm 2010-04-20 18:57:31

相關問題