**1. БЭМ (Блок-Элемент-Модификатор)** Методология для создания переиспользуемых компонентов. Пример: ```css .button {} /* Блок */ .button__icon {} /* Элемент */ .button--disabled {} /* Модификатор */ ``` **2. CSS-in-JS** Стили пишутся прямо в JavaScript (например, styled-components): ```js const Button = styled.button` background: ${props => props.primary ? 'blue' : 'gray'}; `; ``` **3. Utility-first (Tailwind CSS)** Использование готовых utility-классов: ```html Click ``` **4. CSS Modules** Локальная область видимости стилей: ```css /* styles.module.css */ .title { color: red; } ``` ```js import styles from './styles.module.css';

Hello

``` **5. OOCSS (Object-Oriented CSS)** Разделение структуры и оформления: ```css /* Структура */ .container { display: flex; } /* Оформление */ .theme-dark { background: #333; } ```