В чем разница между Reset.css и Normalize.css

«В чем разница между Reset.css и Normalize.css» — вопрос из категории CSS, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Reset.css и Normalize.css — это CSS-библиотеки для приведения стилей к единому виду, но с разным подходом.

Reset.css полностью обнуляет все дефолтные стили браузера (отступы, размеры шрифтов, списки и т. д.), чтобы начать стилизацию с чистого листа. Пример:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

Normalize.css мягко нормализует стили, сохраняя полезные дефолтные значения (например, font-weight заголовков), но исправляя кроссбраузерные несоответствия. Это делает элементы более предсказуемыми, но не «обнуляет» их.

Выбор зависит от задачи: Reset — для полного контроля, Normalize — для сохранения семантики и удобства.