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

Тести Інформатика 10 клас Тест
Ковалівський В. О.
Додано: 12 лютого 2025
Предмет: Інформатика, 10 клас
Копія з тесту: АДАПТИВНА ВЕРСТКА
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
17 запитань
Запитання 1

Причини появи адаптивної верстки

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

Перегляд сайтів із фіксованою версткою на планшеті став незручний.

Мобільні сайти не були оптимізовані під екрани великих розмірів.

Мобільний Інтернет був дешевий і швидким/

Мобільні телефони були потужними.

Запитання 2

Створення макету та його складових з розмірами, поданими у відсотках.

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

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

брейкпоінт

медіа-запит

модуль flexbox

модуль grid

Запитання 3

Прив'язка до конкретних пристроїв з певною роздільною здатністю екрану

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

брейкпоінт

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

медіа-запит

модуль flexbox

модуль grid

Запитання 4

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

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

медіа-запит

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

брейкпоінт

модуль flexbox

модуль grid

Запитання 5

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

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

модуль flexbox

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

брейкпоінт

медіа-запит

модуль grid

Запитання 6

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

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

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

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

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

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

Запитання 7

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

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

baseline

stretch

flex-end

flex-start

space-around

space-evenly

Запитання 8

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

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

space-around

flex-end

flex-start

space-evenly

stretch

baseline

Запитання 9

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

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

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

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

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

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

Запитання 10

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

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

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

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

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

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

Запитання 11

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

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

модуль grid

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

брейкпоінт

медіа-запит

модуль flexbox

Запитання 12

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

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

center center

space-around та center

center і stretch

flex-start і stretch

Запитання 13

Визначення стиля CSS складається із ...


 

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

 селектора, властивості, значення


 селектора, тега, значення


 властивості та значення


 тега, селектора та властивості

Запитання 14

<table width="100%"> встановить



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

 Ширину клітинки 100 пікселів


 Ширину таблиці 100% пікселів

 

 Ширину таблиці за шириною вікна браузера


 Висоту таблиці 100 пікселів

Запитання 15

Переваги використання зовнішньої таблиці стилів



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

 управління відображенням декількох вебсторінок за допомогою однієї таблиці стилів



 спрощується процес форматування вебсторінок


 відокремлюється дизайн документа від його вмісту

Запитання 16

Як зробити текст в < p > елементі жирним?



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

 < p style="font-size:bold;">


 < p style="text-size:bold;">

  

  p {text-size:bold;}

 

 p {font-weight:bold;}

Запитання 17

Що таке CSS?



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

 Cascading Style Sheets

 

 Creative Style Sheets

 

 Colorful Style Sheets

 

 Computer Style Sheets

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

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