Зачем нужен CSS Reset?

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

Проблема

У каждого браузера свои стили по умолчанию: отступы у body и заголовков, размеры шрифтов, вид кнопок и полей. Без reset одна и та же разметка выглядит по-разному.

Пример современного reset

*, *::before, *::after { box-sizing: border-box; }
body, h1, h2, h3, p, figure { margin: 0; }
img, picture, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
body { line-height: 1.5; }

Варианты

• Полный reset (Eric Meyer) — обнуляет почти всё.
• Normalize.css — сохраняет полезные стандартные стили и исправляет различия.
• Минимальный современный reset — небольшой набор правил, как выше.

Коротко для собеседования

CSS Reset выравнивает стандартные стили браузеров, чтобы вёрстка была предсказуемой и не зависела от браузера.

Подробнее: Josh Comeau — A Modern CSS Reset