Что такое заполнение и/или маржа по умолчанию для элемента p (reset css)?

Я использую набор стилей reset CSS уже довольно давно, и каждый раз, когда мне приходилось создавать новый веб-сайт, reset меня больше всего раздражает перепродажа поля и отступов p-тегов. Я понимаю, почему, но мне интересно, что "заполнение по умолчанию" и/или маржа должны быть на элементе p?

Я предполагаю, что это не согласовано между браузерами и часто нужно настраивать для каждого сайта, но есть ли набор наиболее распространенных значений полей и/или заполнения?

Краткая версия: это (например) 5px margin и padding сверху и снизу... или что-то еще?

Ответ 1

спецификация CSS 2.1 имеет таблицу стилей по умолчанию для HTML 4. Его просто информативные и не нормативные, поэтому браузеры могут его использовать, но не нужно.

Другим ресурсом могут быть инструменты webdeveloper для браузеров. Большинство может показать вам каскад правил, применяемых к определенному элементу. Пример: Firefox и Safari (WebKit) используют margin: 1em 0px для p элементов.

Ответ 2

Верхняя и нижняя границы тега P имеют значение 16 пикселей.

Это похоже на предоставление поля стиля: 16px 0px; к абзацу.

Ответ 3

Чтобы обойти все браузеры, я использую

p{
  margin:0;
}
p + p{
  margin-top:10px;
}

Таким образом, я не "тормозит" контейнеры с оригинальным верхним/нижним интервалом и по-прежнему занимают абзацы красиво, если их несколько.

Мне просто не нравится видеть p, нажимая родительские контейнеры, подобные этому

.container {
  border: 1px solid #ccc;
  padding: 15px;
}

<div class="container">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.</p>
</div>

Ответ 4

CSS RESET Будет ли RESET p margin margin и padding равным 0px, общий запас и отступы зависят от вашего макета и типа содержимого.

все еще вы можете использовать 5px, как свой собственный по умолчанию маркер и дополнение

Ответ 5

Я всегда использую firefox.

В дополнении firebug я обнаружил, что по умолчанию margin-top/bottom тега

установлен в 16px, а заполнение установлено на 0, а для элемента body - margin-top/bottom/right/left задано 8px.