-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プロパティはdiv、すべてのブラウザーで既定で事前設定されていますが、font-sizeプロパティは事前設定されていません。それをオーバーライドするには、これを使用して、より具体的にする必要があります。

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