Блог

Главная - Вопросы по программированию - Каковы поля по умолчанию для тегов заголовков html (, , и т. Д.)?

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

#html #css #line-height

Вопрос:

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

 margin:0px; and padding:0px;

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

 <h1>Header</h1>

Комментарии:

1. Боже, я думал, ты имеешь в <header> виду элемент HTML5.

Ответ №1:

Ваш Вопрос:

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

Для Google Chrome, например, это так 0.67em .

Лучшее Решение?

Знайте, что если вы хотите добиться согласованности в x-браузере, вам придется использовать сброс CSS.

Наиболее распространенным из них является:

 * { padding: 0; margin: 0; }

Хотя существуют и другие (и, возможно, лучшие).

Комментарии:

1. Не используйте решение»*». Это плохая практика и имеет проблемы с производительностью.

2. Я никогда не сталкивался с какими-либо проблемами с производительностью. Кроме того, любой нормальный (и под нормальным я подразумеваю

3. Для Firefox это, похоже, примерно 1.35em так .

Ответ №2:

Это зависит от того, в каком браузере, поэтому, если вам нужен идеальный дизайн в пикселях, то практика заключается в том, чтобы «сбросить» эти значения до 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;}

Комментарии:

1. Это плохая практика. Сбросы CSS изменились за эти годы, и любой блоггер, претендующий на публикацию окончательного сброса CSS, сделает это… просто нужно опубликовать еще один окончательный сброс CSS 😉 при изменении браузеров или пространств имен. Кроме того, подобные сбросы CSS изменяют желаемые свойства практически каждого элемента на странице. Это важно осознать.

Ответ №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 }

Ответ №4:

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

Метки: ,