-1

我正在尝试转换元素。字体大小转换工作正常,但边距转换效果不佳。

这是我的尝试:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<html>
    <head>
    <style type="text/css">
    .box{
        font-size:30px;
        margin:23px 0;
        font-weight:bold;

    }
    </style>
    </head>

<body>

</head>
<body>

<div class="box">Some text here</div>

</body>
</html>

相比:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<html>
    <head>
    <style type="text/css">
    body{
        font-size:20px;
    }
    </style>
    </head>

<body>

</head>
<body>

<h2>Some text here</h2>

</body>
</html>

如您所见,在浏览器中查看时,H2 和 .box 文本具有相同的字体大小。

这是不正确的,应该是 24px。我犯了什么错误?

4

2 回答 2

0

您设置其他元素将继承的正文的字体大小,但 h2 由浏览器在内部由用户代理 css 预设,具体而言,如“特异性”,并优先于您为正文设置的字体大小。

例如,如果您使用 Firebug,您会看到浏览器已经在您的浏览器中将 h2 设置为某个值。如果你想改变它,你需要h2{font-size: 24px}像在另一个例子中那样用 div 指定。浏览器没有设置 Div 的字体大小。

于 2012-01-18T00:25:40.417 回答
-1

默认情况下,所有浏览器都预设margin了元素的属性,而属性则不是。要覆盖它,您需要更具体,通过使用:divfont-size

div.box { font-size:30px; margin:23px 0; font-weight:bold; }
于 2012-01-17T23:28:05.600 回答