Какими способами написания стилей пользуешься

1. **CSS (Plain CSS)** Простые `.css` файлы с селекторами. Подходит для небольших проектов. ```css .button { background: blue; color: white; } ``` 2. **CSS Modules** Локальная область видимости стилей (автоматически генерируемые уникальные имена классов). ```css /* Button.module.css */ .primary { background: blue; } ``` ```jsx import styles from './Button.module.css'; Click ``` 3. **CSS-in-JS (Styled Components, Emotion)** Стили пишутся прямо в JS/TS, поддерживают динамические пропсы. ```jsx const Button = styled.button` background: ${props => props.primary ? 'blue' : 'gray'}; `; ``` 4. **Sass/SCSS** Препроцессор с переменными, миксинами, вложенностью. ```scss $primary: blue; .button { background: $primary; } ``` 5. **Utility-first (Tailwind CSS)** Готовые классы для быстрой верстки без написания кастомного CSS. ```html Click ``` Выбор зависит от проекта: - **Компонентный подход** → CSS Modules / CSS-in-JS. - **Быстрая разработка** → Tailwind. - **Легаси или простота** → Plain CSS/Sass.