Почему все стили не пишутся в одном теге style

Разделение стилей на отдельные файлы или блоки `style` улучшает читаемость, поддерживаемость и переиспользование кода. Основные причины: 1. **Изоляция стилей** – компонентные подходы (React/Vue) требуют локальных стилей для компонентов 2. **Производительность** – браузер может параллельно загружать несколько CSS-файлов 3. **Организация** – проще находить и изменять стили для конкретных блоков 4. **Оптимизация** – можно подключать стили только когда они нужны (ленивая загрузка) Пример разделения в React: ```jsx // Button.jsx import './Button.css'; // Стили только для кнопки function Button() { return Click; } ```