Какие методы борьбы с User-Agent стилями

Для борьбы с User-Agent стилями (дефолтными стилями браузеров) есть несколько подходов:

1. Normalize.css - мягкий сброс стилей, оставляющий полезные дефолтные значения

/* Пример из normalize.css */
button, input {
  overflow: visible;
}

2. Reset.css - полный сброс всех стилей до нуля

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

3. Современный подход - использование all: unset для конкретных элементов

button {
  all: unset;
  cursor: pointer;
}

4. CSS-in-JS - многие библиотеки (styled-components, Emotion) автоматически добавляют reset-стили

Лучшая практика - комбинация normalize/reset с явным указанием стилей для элементов, особенно для форм и кнопок. Для box-model чаще всего используют box-sizing: border-box глобально.