Какой HTML5 reset CSS вы используете и почему?

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

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

Ответы

Ответ 1

Настоящий разговор: несмотря на отметки kaikai, вам нужно всего лишь reset * отступы и маржа до 0.

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

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

Я просто взглянул на http://html5reset.org/

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

и

html {overflow-y: scroll;}

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

BluePrint Reset:( буквально проект)

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

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

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

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

Это началось с некоторых webkit/ie hacks, но

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;
}

Каждый тег заголовка предназначен. и они не reset высоту линии тела.

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

Эрик Мейер

YUI

HTML5Boilerplate

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

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

Ответ 2

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

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

{
    all: unset
}

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

Ответ 3

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

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

Ответ 5

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

normalize.css

Ответ 6

* {
    margin: 0;
    padding: 0;
}

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

body {
    font-size: small;
}

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

Ответ 7

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

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

Ответ 8

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

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