Главная/ Books/ Book/ Сброс CSS для минималистов meyer css detailed guidance

Сброс CSS для минималистов

Сброс CSS помогает обеспечить согласованность стилей в разных браузерах, предоставляя чистый лист для элементов стиля. Такие ресурсы, как Normalize и др., отлично справляются с этой задачей. Вот уже пару лет я предпочитаю минималистский подход к перезагрузке и обнаружил, что он столь же полезен:

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

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

Еще одна минималистская альтернатива — разрешить наследование box-sizing от селектора html

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

Это упрощает изменение размера блока в плагинах или других компонентах, использующих другое поведение.

Один размер подходит всем?

Возможно, вы смотрите на это и задаете очевидный вопрос: «Этого действительно достаточно?» Библиотеки сброса CSS выполняют значительный объем дополнительной работы, поэтому легко взглянуть на это решение и предположить, что трех строк кода будет недостаточно. Вам решать.

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