字体大小增加了上边距

时间:2011-07-19 02:46:04

标签: html css

为什么如果我使用font-size:70px或120px,顶部和文本之间的距离会增加?

编辑:显然,我通过更改行高来修复它。 是否有默认的行高?

3 个答案:

答案 0 :(得分:7)

由于您没有显示任何代码,我会假设您没有使用任何样式:

body
{
  font-size: 70px;
}

每个浏览器都有不同的默认样式表,因此实际值可能会有所不同。

通常,默认line-height1em100%(同样的事情)。在某些元素上,例如ph#,默认情况下会有一个上边距和下边距。对于p代码,保证金为1em,而对于h#,差异很大(1.5emh11.25emh2等)。

em%值基于font-size。如果您的段落元素的字体大小为30px,则默认情况下它的上下边距将为30px

答案 1 :(得分:1)

像p标签和h标签这样的html元素具有默认边距,因此我建议始终在css文件中开始用以下代码编写任何css。

* {margin: 0; padding: 0;}

在上面的css行' *'定义页面中的所有元素,因此我们将所有元素的默认边距和填充设置为0,因此我们不需要为p和h标记每次都提供边距和填充为0。

答案 2 :(得分:0)

默认情况下,标题中包含边距和填充。因此,如果边距和填充为“0”,那么您将不会在标题文本的上方或下方获得任何空格。

h1 { margin:0; padding:0; }  

但您可以随时更改标题中的边距和填充量 我希望这很有帮助。