- Всеосвіта›
- Бібліотека тестів›
- Інформатика›
- Урок 12. Створення колонок: базові макети сторінок
Тест:
Урок 12. Створення колонок: базові макети сторінок
17.09.2025
Вміст тесту:
1
2
3
4
5
6
7
8
9
10
11
12
1
1 з 12 балів
Яка властивість CSS створює зовнішній відступ, тобто простір навколо елемента?
2
1 з 12 балів
Як у CSS звернутися до елемента за його унікальним ідентифікатором, наприклад id="main-logo"?
3
1 з 12 балів
Яке значення властивості display повністю приховує елемент зі сторінки?
4
1 з 12 балів
Чому для створення гнучких макетів ширину колонок (width) краще задавати у відсотках, а не в пікселях?
5
1 з 12 балів
Яка властивість CSS дозволяє блоковим елементам, таким як <div>, вишиковуватися в один горизонтальний ряд?
6
1 з 12 балів
Якщо дві колонки з width: 50%; та display: inline-block; не вміщуються в один ряд, у чому найімовірніша причина?
7
1 з 12 балів
Як на практиці розв'язати проблему з пробілами між колонками, щоб вони гарантовано вмістилися в один ряд?
8
1 з 12 балів
Навіщо колонкам з різною кількістю контенту задають властивість vertical-align: top;?
9
1 з 12 балів
Для створення макета з трьох однакових колонок, яке приблизне значення width потрібно задати кожній з них?
10
1 з 12 балів
Що є першим і найважливішим кроком при створенні багатоколонкового макета?
11
1 з 12 балів
Розробник очікував побачити дві колонки поруч, але вони залишились одна під одною. Знайдіть помилку в CSS.
.column {
width: 48%;
vertical-align: top;
} 12
1 з 12 балів
Чому зображення виходить за межі своєї колонки, хоча сама колонка має правильну ширину?
HTML
<div class="column"> <img src="photo.jpg"> </div>
CSS
.column {
width: 49%;
display: inline-block;
} Рефлексія від 3 учнів
Сподобався:
0
Так: 3
Ні: 0
Зрозумілий:
0
Так: 3
Ні: 0
Потрібні роз'яснення:
0
Ні: 3
Так: 0