В чем плюсы и минусы разных способов подключения стилей

**Inline-стили** Плюсы: - Высокий приоритет (перебивают другие стили) - Удобны для быстрых правок в devtools Минусы: - Невозможно переиспользовать - Засоряют HTML - Нет поддержки медиа-запросов ```html ``` **Тег ` ``` **Внешние CSS-файлы** Плюсы: - Переиспользование стилей - Кэширование браузером - Лучшая поддержка в команде Минусы: - Дополнительные HTTP-запросы - Глобальная область видимости ```html ``` **CSS-in-JS (Styled Components и др.)** Плюсы: - Изоляция стилей - Динамические стили на основе пропсов - Поддержка темизации Минусы: - Оверхед в рантайме - Сложнее дебажить ```jsx const StyledDiv = styled.div` color: ${props => props.color}; `; ```