Вопрос проверяет понимание CSS-переменных и управления стилями через единые значения.
В CSS существуют переменные, которые называются CSS Custom Properties. Они объявляются через --имя и используются через функцию var(). Переменные помогают переиспользовать значения и упрощают поддержку стилей. Чаще всего их применяют для цветов, размеров и тем оформления.
CSS позволяет объявлять переменные прямо в стилях и использовать их в любом месте.
Определение:
CSS-переменная (CSS variable, custom property) — это именованное значение, которое можно переиспользовать в разных местах CSS.
Пример объявления
:root {
--main-color: #3498db;
}
Пример использования
button {
background-color: var(--main-color);
}
Как работает
Переменная объявляется через --.
Используется через var().
Может наследоваться.
Где применяется
Темы оформления.
Дизайн-системы.
Повторяющиеся значения.
CSS-переменные позволяют централизованно управлять стилями и уменьшают дублирование кода.
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультацию