Skip to main content

Що таке «reset CSS»?

Reset CSS, це набір стилів, який обнуляє (скидає) типові стилі браузера: відступи, розміри заголовків, оформлення списків та інші властивості, які різні браузери типово застосовують по-різному.

Мета reset-файлу, зробити так, щоб сторінка виглядала однаково в усіх браузерах, без несподіваних вбудованих відступів і стилів.


Навіщо він потрібен

  • браузери мають різні стандартні стилі для одних і тих самих елементів
  • без reset CSS верстка може «пливти» в різних браузерах
  • він дозволяє почати оформлення «з нуля»

Як це виглядає

Класичний reset.css може містити, наприклад:

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

А відомий reset від Eric Meyer включає скидання для десятків тегів.


Альтернатива для reset CSS: Normalize.css

Є більш сучасний варіант, normalize.css, який не обнуляє, а вирівнює стилі браузерів, зберігаючи корисні типові значення (наприклад, зручний line-height і оформлення форм).


Підсумок

Reset CSS, це файл, який прибирає базові стилі браузера, щоб розробник сам контролював зовнішній вигляд елементів з нуля. Використовується майже в кожному проекті, хоча дедалі частіше його замінюють на normalize.css для більш м'якої й акуратної бази.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.