- Всеосвіта›
- Бібліотека тестів›
- Інформатика›
- Урок 13 Позиціонування елементів
Тест:
Урок 13 Позиціонування елементів
17.09.2025
Вміст тесту:
1
2
3
4
5
6
7
8
9
10
11
12
1
1 з 12 балів
Яка властивість CSS використовується для створення гнучкого макету, де колонки адаптуються до розміру екрана?
2
1 з 12 балів
Що робить CSS-властивість display: inline-block;?
3
1 з 12 балів
Який HTML-тег є семантично правильним для створення навігаційного меню сайту?
4
1 з 12 балів
Для вирішення якого завдання використовують властивість position?
5
1 з 12 балів
Яка головна мета властивості position: relative; для батьківського елемента?
6
1 з 12 балів
Що відбувається з елементом, якому задали position: absolute;?
7
1 з 12 балів
Що потрібно зробити з батьківським елементом .card, щоб дочірній елемент .sticker з position: absolute позиціонувався саме відносно картки, а не всієї сторінки?
8
1 з 12 балів
Які властивості використовуються для точного зміщення позиціонованого елемента?
9
1 з 12 балів
Який набір властивостей розмістить елемент у правому нижньому куті його батьківського контейнера?
10
1 з 12 балів
Для чого найчастіше використовується комбінація position: relative для батька та position: absolute для дочірнього елемента?
11
1 з 12 балів
Розробник хотів розмістити стікер .badge поверх картки .card, але стікер позиціонується відносно всієї сторінки, а не картки. Чому?
.card {
/* position: ???; */
width: 300px;
}
.badge {
position: absolute;
top: 10px;
} 12
1 з 12 балів
Чому властивість top: 20px; не змістить цей блок вниз?
.my-block {
position: static;
top: 20px;
} Рефлексія від 2 учнів
Сподобався:
0
Так: 2
Ні: 0
Зрозумілий:
0
Так: 2
Ні: 0
Потрібні роз'яснення:
0
Ні: 2
Так: 0