字体百分比

Question

发现这段代码在样式表：

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

有人能告诉我百分比（290％和85％）代表着什么？我认为85％是线路高度，但我显然是错的。

Answer 1

的290％应该是font-size，你说得对，85％应该是不过line-height的是，font速记声明是不完整的：它应该做什么。您需要在font中简写为font-family，因为它是有效的属性值。

http://jsfiddle.net/5Yh3g/

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

编辑：没有，哪怕是预处理代码，它仍然是一个无效的属性值。

Answer 2

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

参见：How to calculate percentages in LESS CSS?

Answer 3

你没看错，但声明是不完整的，你必须得指定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 }