H2 преобразование не работает - PullRequest
Новая
       20

H2 преобразование не работает

0 голосов
/ 12 сентября 2011

Я пытаюсь преобразовать элемент.Преобразование размера шрифта работает нормально, но преобразование полей не так хорошо.

Вот моя попытка: 

<!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.Какую ошибку я сделал?

Ответы [ 2 ]

0 голосов
/ 18 января 2012

Вы устанавливаете размер шрифта для тела, которое будут наследовать другие элементы, но h2 предустановлен браузером внутренне пользовательским агентом css, в частности, как в 'специфичности' и имеет приоритет над тем, что вы установили для тела.

Если вы, например, используете Firebug, вы увидите, что браузер уже установил в вашем браузере значение h2. Если вы хотите изменить это, вам нужно указать h2{font-size: 24px}, как вы делали в другом примере с div. У Div нет размера шрифта, установленного на них браузером.

0 голосов
/ 18 января 2012

Свойство margin для элемента div задано по умолчанию во всех браузерах, а свойство font-size - нет.Чтобы переопределить это, вам нужно быть более конкретным, используя это: 

div.box { font-size:30px; margin:23px 0; font-weight:bold; }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...