Question

我正在尝试转换元素。字体大小转换工作正常，但保证金转换效果不是很好。

这是我的尝试：

<!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。我犯了什么错误？

Answer 1

您可以设置其他元素将继承的主体的字体大小，但是用户代理css在内部通过浏览器预设h2，特别是在“特异性”中，并且优先于您为正文设置的内容。

例如，如果您使用Firebug，您将看到浏览器已将h2设置为浏览器中的某个值。如果要更改它，则需要像在其他示例中使用div一样指定h2{font-size: 24px}。分区没有设置字体大小的浏览器。

Answer 2

margin元素的div属性默认情况下预设在所有浏览器中，而font-size属性则不是。要覆盖它，您需要更具体，使用：

div.box { font-size:30px; margin:23px 0; font-weight:bold; }

H2转换不起作用

2 个答案: