在css中(font:4em / 50px)的含义是什么?

时间:2014-11-01 06:00:58

标签: css

我对css类中的font:4em/50px感到困惑。

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

但我对css课很困惑。

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

那么font:4em/50px;

是什么意思

2 个答案:

答案 0 :(得分:3)

该语法只是指定font-sizeline-height的简写。如果您手动声明规则,它的外观如下:

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

答案 1 :(得分:1)

CSS字体属性是所有这些的简写:

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


此示例是您可以分配给简写 font 属性的最小值:font: 4em/50px Helvetica;,它是以下的简写:

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


请注意,斜杠字符/并不意味着除法,它只是将font-size&amp;分隔开来。 line-height值。


查看这些链接以获取更多信息: