Який HTML5 скидання CSS ви використовуєте і чому? [зачинено]

Який HTML5 скидання CSS ви використовуєте і чому? Чи є ви, хто виявив, що охоплює більше справ?

Я почав використовувати HTML5 Doctor's: 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 / тобто хаків, але

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

Кожен тег заголовка націлений. & вони не скидають висоту лінії тіла.

Я впевнений, що все вищезазначене добре виконує намічену роботу, але, ймовірно, буде відмінено більше, ніж потрібно.

Ерік Мейєр

ЮІ

HTML5Boilerplate

Наведене вище стосується плюсів, коли котельня плита схиляється до (над дружньою) стороною, я впевнений завдяки популярності. На даний момент 80% мого налаштованого скидання - це котельня.

Я збираюся поїхати, хоча всі три потроху і заробляю своє, це не ракетна наука.

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

Але як щодо використання allвластивості CSS, яка скидає властивості CSS, за винятком directionі unicode-bidi? Таким чином, вам не потрібно включати додаткові файли:

{
    all: unset
}

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

Reset.css використовується Blueprint CSS основи добре працює , і включає в себе елементи HTML5. Він потрапляє до їх файлу screen.css .

Програма - корисний ресурс для швидкого прототипування нових сайтів, а їх вихідний код добре організований і варто вивчити його.

Ерік Мейер також випустив 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, і я змінюю його, щоб відповідати проекту, над яким я працюю.

До речі, це лише концепція використання скидання, що стає більш-менш стандартним.