Зачем нужен CSS для создания Web приложений?

Без CSS веб-приложение — это просто документ с текстом и ссылками. CSS отвечает за раскладку интерфейса, оформление, адаптивность и состояния элементов.

Что даёт CSS приложению

• Раскладка интерфейса — панели, сетки, модальные окна через flex и grid.
• Дизайн-система — единые цвета, отступы и типографика через CSS-переменные.
• Адаптивность — один код для телефона, планшета и десктопа.
• Состояния и обратная связь — :hover, :focus-visible, :disabled, ошибки валидации.
• Анимации — плавные переходы без JavaScript.
• Темы — светлая и тёмная через prefers-color-scheme и переменные.
• Доступность — видимый фокус, контраст, уважение prefers-reduced-motion.

:root { --color-primary: #0066ff; --radius: 8px; }
.button { background: var(--color-primary); border-radius: var(--radius); }

Почему не всё в JavaScript

CSS работает декларативно и выполняется браузером эффективно, в том числе на GPU; повторять это в JS дороже и медленнее.

Коротко для собеседования

CSS отвечает за раскладку, дизайн-систему, адаптивность, состояния, анимации и темы приложения — декларативно и быстро.

Подробнее: MDN — CSS