Завдання: Застосування Відносного Позиціонування
Примітка
Кожне завдання в цьому курсі містить зразок коду, що складається з файлів
index.html
таindex.css
. Оскільки курс зосереджений на вивченні CSS, рекомендується виконувати завдання у файліindex.css
. Після завершення завдання натисніть кнопку "Run Code", щоб переглянути сторінку в реальному часі та переконатися, що завдання виконано правильно.Крім того, для кожного завдання доступні кнопки "Hint" та "Solution". Натискання кнопки "Hint" відобразить підказки, що стосуються поточного завдання, а кнопка "Solution" покаже зразок коду з правильним застосуванням CSS.
Завдання
- Додати позиціонування
relative
до другого елемента з класомitem
. - Перемістити елемент на
30px
вниз і на50px
вліво.
index.html
index.css
- Переміщення вниз шляхом встановлення додатного значення для властивості
top
. - Переміщення вліво шляхом встановлення від’ємного значення для властивості
left
.
index.html
index.css
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.04
Завдання: Застосування Відносного Позиціонування
Свайпніть щоб показати меню
Примітка
Кожне завдання в цьому курсі містить зразок коду, що складається з файлів
index.html
таindex.css
. Оскільки курс зосереджений на вивченні CSS, рекомендується виконувати завдання у файліindex.css
. Після завершення завдання натисніть кнопку "Run Code", щоб переглянути сторінку в реальному часі та переконатися, що завдання виконано правильно.Крім того, для кожного завдання доступні кнопки "Hint" та "Solution". Натискання кнопки "Hint" відобразить підказки, що стосуються поточного завдання, а кнопка "Solution" покаже зразок коду з правильним застосуванням CSS.
Завдання
- Додати позиціонування
relative
до другого елемента з класомitem
. - Перемістити елемент на
30px
вниз і на50px
вліво.
index.html
index.css
- Переміщення вниз шляхом встановлення додатного значення для властивості
top
. - Переміщення вліво шляхом встановлення від’ємного значення для властивості
left
.
index.html
index.css
Дякуємо за ваш відгук!