为什么如果我使用font-size:70px或120px,顶部和文本之间的距离会增加?
编辑:显然,我通过更改行高来修复它。 是否有默认的行高?
答案 0 :(得分:7)
由于您没有显示任何代码,我会假设您没有使用任何样式:
body
{
font-size: 70px;
}
每个浏览器都有不同的默认样式表,因此实际值可能会有所不同。
通常,默认line-height
为1em
或100%
(同样的事情)。在某些元素上,例如p
和h#
,默认情况下会有一个上边距和下边距。对于p
代码,保证金为1em
,而对于h#
,差异很大(1.5em
为h1
,1.25em
为h2
等)。
em
和%
值基于font-size。如果您的段落元素的字体大小为30px
,则默认情况下它的上下边距将为30px
。
答案 1 :(得分:1)
* {margin: 0; padding: 0;}
在上面的css行' *'定义页面中的所有元素,因此我们将所有元素的默认边距和填充设置为0,因此我们不需要为p和h标记每次都提供边距和填充为0。
答案 2 :(得分:0)
默认情况下,标题中包含边距和填充。因此,如果边距和填充为“0”,那么您将不会在标题文本的上方或下方获得任何空格。
h1 { margin:0; padding:0; }
但您可以随时更改标题中的边距和填充量 我希望这很有帮助。