Каковы поля по умолчанию для тегов заголовка html (<h1>, <h2>, <h3> и т. Д.)?

Question

Я избегаю использования значений по умолчанию с кодом сброса ниже:

margin:0px; and padding:0px;

Например, каковы поля по умолчанию для тега заголовка ниже?

<h1>Header</h1>

Answer 1

В зависимости от того, какой браузер отличается, поэтому, если вам нужен идеальный по пикселям дизайн, попробуйте «сбросить» эти значения на 0 (поля и отступы) и установить их самостоятельно.

«Сброс CSS» очень распространен среди разработчиков интерфейса, простой пример, который я использую:

html,body,blockquote,code,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}
button,fieldset,form,input,legend,textarea,select{margin:0;padding:0}
fieldset{border:0}
a,a *{cursor:pointer}
div{margin:0;padding:0;background-color:transparent;text-align:left}
hr,img{border:0}
applet,iframe,object{border:0;margin:0;padding:0}
button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer;}
ul,li{list-style:none;margin:0;padding:0;}
strong{font-weight:bold;}
em{font-style:italic;} 

Answer 2

Ваш вопрос:

Это зависит от браузера.Проверьте конкретные таблицы стилей для каждого браузера, чтобы узнать.

Например, для Google Chrome 0.67em.

---

Лучшее решение?Если вы хотите добиться согласованности с X-браузером, вам придется использовать CSS Reset . Наиболее распространенным из них является: * { padding: 0; margin: 0; } Хотя другиенаверное лучше) существует.

Answer 3

В спецификации CSS есть информативное Приложение D. Таблица стилей по умолчанию для HTML 4 .

Хотя оно информативно , оно все равно говорит:

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

Там вы можете найти

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }

Answer 4

Я думаю, вы должны установить line-height:100% для тега h1,h2,h3,h4,h5,h6. Таким образом, пустая строка будет самой короткой.