CSS. FlexBox

Тести Інформатика Тест
Кондратенко І. В.
Додано: 19 січня
Предмет: Інформатика
Копія з тесту: CSS. FlexBox
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
12 запитань
Запитання 1

Що таке flexbox ?

варіанти відповідей

Це режим розмітки створений для упорядкування елементів на сторінці таким чином, щоб вони поводилися передбачувано у випадках, коли розмітка сторінки адаптована під різні розміри екрану і різні девайси.

Це таблична верстка

Це плаваючи блоки

Це гнучкі блоки

Запитання 2

Що таке Flex-контейнер?

варіанти відповідей

Батьківський елемент, у якому містяться flex-айтеми.

Те саме що і flex-айтеми

Дочірній елемент, у якому містяться flex-айтеми.

Таких елементів не існує

Запитання 3

Як зробити елемент флекс-контейнером?

варіанти відповідей

display: flex;

display: block;

display: flex-block;

flex: block;

Запитання 4

justify-content: space-between;

варіанти відповідей
Запитання 5

justify-content: space-around;

варіанти відповідей
Запитання 6

justify-content: center;

варіанти відповідей
Запитання 7

justify-content: right;

варіанти відповідей
Запитання 8

Який код перенесе гнучкі елементи на новий рядок, якщо не вистачить місця

варіанти відповідей

flex: wrap;

flex-wrap:no-wrap;

flex-wrap: wrap-reverce;

flex-wrap: wrap;

Запитання 9

Як розкласти блоки так як на малюнку?

варіанти відповідей

flex-direction: row-reverse;

flex-direction: row;

flex-direction: column;

flex-direction: column-reverse;

Запитання 10

Дозволяє вирівнювати елементи кожен окремо.

варіанти відповідей

align-self:

align-content:

order:

flex-basis:

flex-grow:

flex-shrink:

align-items:

justify-content:

Запитання 11

Керує вирівнюванням рядів вдовж поперечної осі.

варіанти відповідей

align-self:

align-content:

order:

flex-basis:

flex-grow:

flex-shrink:

align-items:

justify-content:

Запитання 12

Дозволяє змінювати порядок слідування елементів в потоці, не змінюючи HTML-код.

варіанти відповідей

align-self:

align-content:

order:

flex-basis:

flex-grow:

flex-shrink:

align-items:

justify-content:

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест