爲什麼「font」在CSS中忽略「line-height」而「font-size」不是？

我經歷了一個非常奇怪的行爲。爲什麼test2忽略行高而test1正常工作？（背景顏色只是爲了更好地識別容器）爲什麼「font」在CSS中忽略「line-height」而「font-size」不是？

body { 
    line-height:0.8; 
} 

.test1 { 
    background:#fdf; 
    font-size:24px; 
    font-family:Arial,sans-serif; 
} 
.test2 { 
    background:#ffd; 
    font:24px Arial,sans-serif; 
}

現場演示：http://jsfiddle.net/tHUeg/4/

來源

2013-09-30 user2015253

font是一個速記屬性，並使用它的核武器任何特定的性質，這使得它。由於line-height包含在font（通常顯示爲24px/0.8 Arial,sans-serif）中，因此它被重置爲默認值。

來源

2013-09-30 14:42:23

font包括line-height所以它被覆蓋到默認。

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

來源

2013-09-30 14:42:22

爲什麼「font」在CSS中忽略「line-height」而「font-size」不是？

回答

相關問題