АДАПТИВНА ВЕРСТКА

Додано: 11 травня 2022
Предмет: Інформатика, 10 клас
Копія з тесту: АДАПТИВНА ВЕРСТКА
Тест виконано: 109 разів
13 запитань
Запитання 1

Правила CSS, які дозволяють керувати стилями елементів в залежності від значень технічних параметрів пристроїв.

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

медіа-запит

гумова верстка

брейкпоінт

модуль flexbox

модуль grid

Запитання 2

Гнучкий контейнер, який являє собою спосіб компонування елементів.

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

модуль flexbox

гумова верстка

брейкпоінт

медіа-запит

модуль grid

Запитання 3

За замовчуванням розміщення головної і поперечної осей Flexbox

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

зліва направо та зверху вниз

справа наліво і зверху вниз

зліва направо і знизу вгору

справа наліво і знизу вгору

Запитання 4

Параметрами Align-items є...

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

baseline

stretch

flex-end

flex-start

space-around

space-evenly

Запитання 5

Параметрами Justify-content є... 

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

space-around

flex-end

flex-start

space-evenly

stretch

baseline

Запитання 6

Основні особливості адаптивного дизайну

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

застосування гнучкого макета на основі сітки

використання гнучких зображень

робота з медіа-запитів

плавна перебудова блоків у разі зміни розмірів екрану

Запитання 7

У Медіа-запиті (min-width:900 px) використовується для:

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

перевірки відповідності розміру пристрою

прив'язки до конкретного розміру пристрою

оголошення медіа-запиту

встановлення параметрів стилю

Запитання 8

Набір горизонтальних і вертикальних пересічних ліній.

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

модуль grid

гумова верстка

брейкпоінт

медіа-запит

модуль flexbox

Запитання 9

Щоб встановити розміщення блоків Flex-контейнера по центру сторінки,  необхідно установити значення атрибутів Justify-content та Align-items

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

center center

space-around та center

center і stretch

flex-start і stretch

Запитання 10

Вміст блокового елементу перевищує розміри самого елементу. Для того, щоб він обрізався без появи смуги прокрутки, можна задати CSS властивість

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

display: block

text-decoration: none

overflow: hidden

scroll: none

Запитання 11

Про CSS властивість left можна сказати, що

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

Збільшуючи її значення, ми зміщуємо елемент вліво

Збільшуючи її значення, ми зміщуємо елемент вправо

 Її можна використовувати лише для нестатичного позиціонування - наприклад, в режимі position: absolute та position: relative.

Зменшуючи її значення, ми зміщуємо елемент вправо

Запитання 12

Для того, щоб деякі CSS правила застосувались лише тоді, коли сторінка вужча, ніж вказане значення, використовують

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

Медіа-запит з min-width

Медіа-запит з max-width

 Медіа-запит з min-size

Селектор з псевдо-класом screen-size

Запитання 13

В сторінці є елемент посилання (<a>). Для того, щоб по кліку на ньому сторінка відкривалась на новій вкладці, можна використати:

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

 тег target

атрибут target

атрибут new

атрибут blank

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

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