Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Челендж: Змінні в CSS | Вступ до CSS
Основи CSS
course content

Зміст курсу

Основи CSS

Основи CSS

2. CSS для Тексту
3. Бокс Модель та Відстань між Елементами
4. Флексбокс
5. Декоративні Ефекти

bookЧелендж: Змінні в CSS

Завдання

Перед нами стоїть завдання оформити веб-сторінку блогу. Завдання полягає в наступному:

  1. Визначте колір у блоці :root:
    • Створіть змінну з ім'ям --description-color і присвойте їй значення #9e6f21.
  2. Застосуйте змінну --description-color як значення властивості color до елементів <p> з класом .description.
html

index

css

index

js

index

copy
  • Використовуйте -- та описову назву для створення змінної, потім встановіть : і присвойте їй значення.
  • Присвойте змінній значення #9e6f21.
  • Використовуйте var() і в дужках вкажіть ім'я змінної, щоб використовувати її як значення властивості.
html

index

css

index

js

index

copy
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 10
some-alt