2014-11-01 103 views
0

我很困惑在font:4em/50px在CSS類。css中(font:4em/50px)是什麼意思?

在我的HTML <div class="typed">kupendra</div>

但我在CSS類混淆。

.typed { 
    font: 4em/50px; 
} 

那麼什麼是字體的含義:4em/50px;

+2

'4EM/50px'意味着'4'次以上'50px'電流的大小。對於實例,如果當前大小爲「20px」,那麼結果將是「80px/50px」。 – 2014-11-01 06:04:20

回答

3

這句法結構速記用於指定font-sizeline-height。這裏是如果您手動聲明的規則,它會怎樣看:

.typed { 
    font-size: 4em; 
    line-height: 50px; 
} 
1

的CSS字體屬性是所有這些的簡寫:

font-family: 
font-size: 
line-height: 
font-style: 
font-weight: 
...more... 


這個例子是,你可以分配到最低速記字體屬性:font: 4em/50px Helvetica;,這是一個簡寫:

font-size: 4em; 
line-height: 50px; 
font-family: Helvetica; 


請注意,斜槓字符/並不意味着劃分,它只是將font-size & line-height值分開。


查閱這些鏈接,瞭解更多信息: