Поля заголовка не указаны нигде - PullRequest
Новая
       23

Поля заголовка не указаны нигде

4 голосов
/ 25 октября 2011

У меня странная проблема.У меня есть простая веб-страница, и по какой-то причине тег <h1 /> имеет margin-top и margin-bottom более 18 пикселей.В моем файле * .css нет ничего, что бы указывало на это.Firefox Firebug показывает мне стиль, который применяется, но нигде нет поля.

На рисунке div, в котором находится (или предполагается, что) текст заголовка, имеет ограничения.Но текст заголовка сдвинут из-за поля.

Что может быть причиной этого?Есть ли где-нибудь в Firefox / Firebug, который может точно показать мне, откуда появился этот стиль?В нем говорится, что тег header унаследован от стиля body, но это только так: 

body
{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

Есть идеи?Заранее спасибо.

enter image description here

Ответы [ 4 ]

6 голосов
/ 25 октября 2011

Заголовки часто имеют поля по умолчанию. Взгляните на использование таблицы стилей сброса / нормализации.

Сброс или нормализация таблиц стилей сбрасывают ваши стили до стандартной базовой линии во всех браузерах. Разница между сбросом и нормализацией состоит в том, что сбрасывает чистые поля, отступы и т. Д., Когда таблицы стилей нормализации применяют разумные значения по умолчанию.

Эти ссылки должны быть полезны:

1 голос
/ 25 октября 2011

Все браузеры имеют CSS по умолчанию, который применяется ко всем страницам.

Используйте что-то вроде Yahoo Сброс CSS , чтобы отменить все примененные стили.

1 голос
/ 25 октября 2011

Большинство браузеров добавляют некоторые значения по умолчанию margin и padding.

Попробуйте сбросить margin, например 

body{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    margin:0;    /*  ADD THIS  */
}

Вы также можете сбросить его на h1

1 голос
/ 25 октября 2011

Это стиль по умолчанию для <h1> с.Это похоже на тот факт, что <h1> s имеют больший размер текста, чем абзацы.Это просто по умолчанию.Он также может быть перезаписан.

...