Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Челендж: Додайте Свої Перші Стилі | Вступ до CSS
Основи CSS

bookЧелендж: Додайте Свої Перші Стилі

Примітка

Усі завдання містять приклад коду з файлами index.html та index.css. Оскільки курс зосереджений на вивченні CSS, будь ласка, виконуйте завдання у файлі index.css. Після виконання завдання натисніть кнопку "Запустити код", щоб переглянути живу сторінку і переконатися, що завдання було вирішено правильно.

Крім того, у кожному завданні є кнопки "Підказка" та "Рішення". Натиснувши кнопку "Підказка", ви побачите підказки для поточного завдання, а кнопка "Рішення" відкриє приклад коду з правильним застосуванням CSS.

Завдання

У нас є сайт з двома розділами, кожен з яких містить заголовок (елемент h2) та опис (елемент p). Ваша задача полягає у наступному:

  • Виберіть всі абзаци (елементи p) на сайті і застосуйте до них властивість color зі значенням orange.
index.html

index.html

index.css

index.css

copy
  • Використовуйте селектор тегів p, щоб обрати всі абзаци.
index.html

index.html

index.css

index.css

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

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

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

Секція 1. Розділ 4

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

bookЧелендж: Додайте Свої Перші Стилі

Примітка

Усі завдання містять приклад коду з файлами index.html та index.css. Оскільки курс зосереджений на вивченні CSS, будь ласка, виконуйте завдання у файлі index.css. Після виконання завдання натисніть кнопку "Запустити код", щоб переглянути живу сторінку і переконатися, що завдання було вирішено правильно.

Крім того, у кожному завданні є кнопки "Підказка" та "Рішення". Натиснувши кнопку "Підказка", ви побачите підказки для поточного завдання, а кнопка "Рішення" відкриє приклад коду з правильним застосуванням CSS.

Завдання

У нас є сайт з двома розділами, кожен з яких містить заголовок (елемент h2) та опис (елемент p). Ваша задача полягає у наступному:

  • Виберіть всі абзаци (елементи p) на сайті і застосуйте до них властивість color зі значенням orange.
index.html

index.html

index.css

index.css

copy
  • Використовуйте селектор тегів p, щоб обрати всі абзаци.
index.html

index.html

index.css

index.css

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

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

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

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