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. Після завершення завдання натисніть кнопку "Run Code", щоб переглянути сторінку в реальному часі та переконатися, що завдання виконано правильно.

Крім того, для кожного завдання доступні кнопки "Hint" та "Solution". Натискання кнопки "Hint" відобразить підказки, що стосуються поточного завдання, а кнопка "Solution" покаже зразок коду з правильним застосуванням CSS.

Завдання

  1. Додати позиціонування relative до другого елемента з класом item.
  2. Перемістити елемент на 30px вниз і на 50px вліво.
index.html

index.html

index.css

index.css

copy
  1. Переміщення вниз шляхом встановлення додатного значення для властивості top.
  2. Переміщення вліво шляхом встановлення від’ємного значення для властивості left.
index.html

index.html

index.css

index.css

copy

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

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

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

Секція 2. Розділ 3

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Awesome!

Completion rate improved to 2.04

bookЗавдання: Застосування Відносного Позиціонування

Свайпніть щоб показати меню

Примітка

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

Крім того, для кожного завдання доступні кнопки "Hint" та "Solution". Натискання кнопки "Hint" відобразить підказки, що стосуються поточного завдання, а кнопка "Solution" покаже зразок коду з правильним застосуванням CSS.

Завдання

  1. Додати позиціонування relative до другого елемента з класом item.
  2. Перемістити елемент на 30px вниз і на 50px вліво.
index.html

index.html

index.css

index.css

copy
  1. Переміщення вниз шляхом встановлення додатного значення для властивості top.
  2. Переміщення вліво шляхом встановлення від’ємного значення для властивості left.
index.html

index.html

index.css

index.css

copy

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

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

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

Секція 2. Розділ 3
some-alt