2014-11-01 24 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值分开。


查阅这些链接,了解更多信息: