Переменные
Часть раздела Practical Frontend путешествия по HTML на Coddy — урок 1 из 35.
По мере того как вы создаете более крупные и сложные веб-сайты, управлять повторяющимися цветами, размерами или шрифтами становится сложнее. Изменение одного значения означает обновление во многих местах.
CSS-переменные позволяют вам сохранять эти значения под именами (например, --main-color) и повторно использовать их во всем вашем CSS. Измените переменную один раз, и она автоматически обновится везде.
Они очень полезны для поддержания чистоты и согласованности кода, и многие разработчики используют их для создания современных веб-сайтов.
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Шпаргалка
CSS-переменные позволяют сохранять значения под именами и повторно использовать их во всем CSS. Они помогают поддерживать чистоту и согласованность кода.
Определяйте переменные с префиксом -- и используйте их с помощью var():
:root {
--main-color: blue;
}
.element {
color: var(--main-color);
}Измените переменную один раз, и она автоматически обновится везде.
Попробуйте сами
В этом уроке нет задания по программированию.
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.