Конструктор тестів
- Всеосвіта›
- Бібліотека тестів›
- Інформатика›
- Урок 7 Створення компонентної картки (блокова модель)
Тест:
Урок 7 Створення компонентної картки (блокова модель)
10.09.2025
Вміст тесту:
1
2
3
4
5
6
7
8
9
10
11
12
1
1 з 12 балів
Який HTML-тег використовується для створення маркованого (не нумерованого) списку?
2
1 з 12 балів
Яка CSS-властивість відповідає за зміну розміру шрифту?
3
1 з 12 балів
Як правильно застосувати CSS-клас з назвою card-title до заголовка <h3>?
4
1 з 12 балів
У блоковій моделі, яку часто порівнюють з фотографією в рамці, що символізує властивість padding?
5
1 з 12 балів
А що в тій самій аналогії з фотографією в рамці символізує властивість margin?
6
1 з 12 балів
Яка нова CSS-властивість з цього уроку дозволяє заокруглити кути елемента? А) Б) В) * Г)
7
1 з 12 балів
Щоб додати елементу ефект об'єму та тінь, яка ніби падає від нього, використовують властивість:
8
1 з 12 балів
Навіщо на початку CSS-файлу рекомендується додавати правило * { box-sizing: border-box; }?
9
1 з 12 балів
У вас є картка .card шириною 300px. Всередині неї є зображення <img>. Яке CSS-правило змусить зображення акуратно зайняти всю ширину картки, не виходячи за її межі?
10
1 з 12 балів
Веброзробник хотів зробити внутрішній відступ у картці, але він не застосувався. Знайдіть помилку в коді.
.card {
width: 300px;
pading: 15px;
border: 1px solid gray;
} 11
1 з 12 балів
Чому рамка навколо цього блоку не має заокруглених кутів, хоча розробник намагався їх додати?
.card {
border: 1px solid black;
border-radius: 12;
} 12
1 з 12 балів
Уявіть, що вам потрібно на сторінці розмістити 10 однакових за стилем блоків (наприклад, карток товарів з однаковими рамками, відступами, тінню). Який підхід буде найефективнішим?
Рефлексія від 14 учнів
Сподобався:
0
Так: 11
Ні: 3
Зрозумілий:
0
Так: 9
Ні: 5
Потрібні роз'яснення:
0
Ні: 8
Так: 6