字体百分比

时间:2014-04-23 01:39:19

标签: html css

在样式表中找到这段代码:

.dropcap
{
    float:left;
    font:normal 290%/85%;   
    line-height:90%;
    padding-right:0.02em;
    margin-bottom:-0.1em;
} 

有人可以告诉我百分比(290%和85%)代表什么?我认为85%是线高,但我显然错了。

3 个答案:

答案 0 :(得分:3)

290%应该是font-size,而你是对的,85%应该是line-height,但font速记声明是不完整的:它应该做的没有即可。您需要在font-family简写中设置font才能使其成为有效的属性值。

http://jsfiddle.net/5Yh3g/

font:normal 290%/85% 'Times New Roman', Times, serif;

编辑:不,即使它是预处理代码,它仍然是无效的属性值。

答案 1 :(得分:0)

这不是纯粹的CSS。你可能正在使用LESS或类似的,可以做数学。

另请参阅:How to calculate percentages in LESS CSS?

答案 2 :(得分:0)

您没有错,但声明尚未完成,您还必须指定font-family。

该行之后的行将行高设置为90%。

https://developer.mozilla.org/en-US/docs/Web/CSS/font#Syntax

/* Set the font size to 12px and the line height to 14px. Set the font family to sans-serif */
p { font: 12px/14px sans-serif }