Какой CSS для сброса HTML5 вы используете и почему? [закрыто]

Какой CSS для сброса HTML5 вы используете и почему? Есть ли один, который вы нашли, чтобы охватить больше случаев?

Я начал использовать HTML5 Doctor: http://html5doctor.com/html-5-reset-stylesheet/ Кажется, работает, но мне интересно, есть ли что-нибудь получше.

Настоящий разговор: несмотря на то, что kaikai уценен , вам нужно только сбросить * padding и margin на 0.

Хотя, к сожалению, у 99% из нас нет ресурсов или людей, чтобы не отставать от сотен существующих версий браузеров. Таким образом, лист сброса необходим для типичного веб-сайта.

html5reset: (Это слишком мешает)

Я только что взглянул на http://html5reset.org/

img,
object,
embed {max-width: 100%;}

И:

html {overflow-y: scroll;}

Я понимаю, что у него хорошие намерения, но это не работа листа сброса. Он делает слишком много предположений.

Сброс BluePrint: (буквально чертеж)

body {
  line-height: 1.5;
  background: white;
}

Как дела с 1.5. А почему фон белый? (Я знаю, что это для исправления, но все же не нужно)

Normalize.css: (Не нормально)

https://github.com/necolas/normalize.css/blob/master/normalize.css

Все началось с некоторых хаков для webkit / ie, но

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

Каждый тег заголовка является целевым. & они не сбрасывают высоту строки тела.

Я уверен, что все вышеперечисленное хорошо выполняет задуманную работу, но, вероятно, будет отменено больше, чем необходимо.

Эрик Мейер

YUI

HTML5Boilerplate

Вышесказанное больше для профессионалов, поскольку Boilerplate склоняется к (слишком дружелюбной) стороне, я уверен, из-за популярности. На данный момент 80% моего индивидуального сброса - это шаблон.

Я собираюсь пройти все три по крупицам и сделать свою собственную, это не ракетостроение.

Normalize.css отлично подходит как для настольных, так и для мобильных браузеров и используется во многих популярных HTML-шаблонах.

Но как насчет использования allсвойства CSS, которое сбрасывает свойства CSS, кроме directionи unicode-bidi? Таким образом, вам не нужно включать никаких дополнительных файлов:

{
    all: unset
}

CSS allимеет широкую поддержку, за исключением IE / Edge. Аналогично с unset.

Reset.css используется Blueprint CSS основы хорошо работает , и включает в себя элементы HTML5. Он включается в их файл screen.css .

Blueprint - полезный ресурс для быстрого создания прототипов новых сайтов, а их исходный код хорошо организован и заслуживает изучения.

Эрик Мейер также выпустил v2 своего сброса CSS (и он сделал это почти год назад):

http://meyerweb.com/eric/tools/css/reset/

1. Сохраняет полезные значения по умолчанию, в отличие от многих сбросов CSS.
2. Нормализует стили для широкого диапазона элементов HTML.
3. Исправляет ошибки и распространенные несоответствия браузера.
4. Повышает удобство использования за счет незначительных улучшений.
5. Объясняет, что делает код, используя подробные комментарии.

normalize.css

* {
    margin: 0;
    padding: 0;
}

простой, но полностью эффективный. возможно, добавьте:

body {
    font-size: small;
}

для хорошей меры.

Спецификация HTML5 включает рекомендуемые объявления CSS для браузеров с поддержкой CSS. Для удовольствия я взял их и вернул те, где это имеет смысл. Вы можете посмотреть результат в этой статье .

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

Я использую Normalize или сброс из HTML5 Doctor и меняю его, чтобы он соответствовал проекту, над которым я работаю.

Кстати, это только концепция использования сброса, которая стала более или менее стандартом.