• Теория
  • Теория

Custom properties, закрепление 2

Ваша задача — создать CSS-переменные и подобрать для них значения.

Стили компонента специально помещены внутрь тега style в HTML-редакторе. HTML-редактор заблокирован. Это значит, что вы можете редактировать только стили, в которых объявляются CSS-переменные.

Возможные имена переменных и значения перечислены ниже. Значение размера шрифта кратно 5.

color-gold,
color-purple,
color-orange,
title-font-size

#e64a19
#7b1fa2
#fbc02d

Этот вариативное испытание, предназначенное для закрепления ваших навыков работы с CSS Custom Properties.

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

:root {
  --color-gold: #fbc02d;
  --color-purple: #7b1fa2;
  --color-orange: #e64a19;
  --title-font-size: 25px;
}
Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Введение в CSS Custom Properties» тренажёра «CSS Custom Properties» можно после регистрации и оформления подписки.