CSS сброс (или “Reset CSS”) является коротким, часто сжатым (уменьшенным) набором CSS правил, который сбрасывает стили всех элементов HTML к исходному состоянию.

Если Вы не знали, каждый браузер имеет свою собственную таблицу стилей по умолчанию, которую он использует, чтобы показывать веб-сайты, не использующие стили более понятно и разборчиво. Например, большинство браузеров по умолчанию делает ссылки синими и просмотренные ссылки фиолетовыми, придает таблицам определенные значения границ и отступов, применяет различные размеры шрифта к H1, H2, H3 и т.д. и какое-то значение отступов почти ко всему. Когда-нибудь задавался вопросом, почему кнопки отправки выглядят по-разному в каждом браузере?

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

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

Зачем использовать CSS Reset?

Вы могли бы задаться вопросом, для чего это всё – что ж, это просто. С помощью этой основы, которую вы установили, используя сброс стилей, вы можете продолжить стилизовать свой документ, и быть спокойны, что различия браузеров в их интерпретации по умолчанию HTML не могут коснуться Вас!

Проблемы сброса стилей

Некоторые утверждают, что в сбросе нет необходимости, поскольку нет смысла сбрасывать стили элементов только для того, чтобы переустановить их в дальнейшем. Если посмотреть ближе пример сброса стилей и дальнейшую работу со стилями — проблема становится понятна:

Иногда они правы — дублируются усилия и время обработки, когда одного правила было бы достаточно — многие разработчики и дизайнеры говорят в таком случае о нарушении принципа DRY (Don’t Repeat Yourself — Не повторяй себя)

Далее можно переходить к выбору — CSS Reset – самые популярные варианты