Підсумковий тест СSS

Тести Інформатика 11 клас Тест
Барабалюк М.
Додано: 11 травня 2022
Предмет: Інформатика, 11 клас
Копія з тесту: Блокова модель CSS
Тест виконано: 46 разів
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
30 запитань
Запитання 1

margin:

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

Ширина

Висота

Зовнішній відступ

Внутрішній відступ

Запитання 2

padding:

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

Ширина

Висота

Зовнішній відступ

Внутрішній відступ

Запитання 3

padding-top:

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

Внутрішній відступ зверху

Зовнішній відступ зверху

Внутрішній відступ знизу

Внутрішній відступ зліва

Запитання 4

margin-bottom:

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

Внутрішній відступ зверху

Зовнішній відступ зверху

Зовнішній відступ знизу

Внутрішній відступ зліва

Запитання 5

В яких одиницях можна задати ширину?

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

px

%

см

мм

Запитання 6

Що означає запис?


margin: 50px 10px 100px 20px;

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

Задані внутрішні відступи для кожної сторони окремо, початок зверху за годинниковою стрілкою

Задані зовнішні відступи для кожної сторони окремо, початок зверху за годинниковою стрілкою

Задані зовнішні відступи для кожної сторони окремо, початок зліва за годинниковою стрілкою

Задані зовнішні відступи для кожної сторони окремо, початок зверху проти годинникової стрілки

Запитання 7

Для якої CSS властивості підійде значення center; ?

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

font-size:

text-align:

font-family:

text-shadow:

Запитання 8

Для якої CSS властивості підійде значення #fff ?

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

font-size:

text-align:

background:

color:

Запитання 9

padding: 5px 10px;

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

Однакові відступи з усіх боків               .

Відступи зверху і знизу 5px, праворуч і ліворуч 10px

Відступ зверху 5px, ліворуч і праворуч 10px

Різні відступи з усіх боків, в порядку верхній, правий, нижній та лівий

Запитання 10

Які значення може мати position:

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

absolute

center

float

relative

fixed

Запитання 11

Тег <hr> використовують для...

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

задання розмірів зображення

задання вертикальної лінії

задання відступу абзацу

задання горизонтальної лінії

Запитання 12

В якому HTML елементі правильно підключати CSS файл?


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

< body >

< head >

< script >

В кінці документа

Запитання 13

Як звернутись до елемента по id?


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

test

.test

#test

id{test}

Запитання 14

Який з рядків змінить колір тексту на червоний для всіх тегів <p>

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

p {color: red}

p {color: blue}

.p {color: red}

#p {color: red}

Запитання 15

Селекторами можуть бути

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

теги

класи

атрибути

ідентифікатори

Запитання 16

Для імпорту css файлу в html-документ треба використати тег

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

<style>

<link>

<body>

Запитання 17

Вкажіть всі правильні твердження, які відносяться до медіа-запитів:

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

медіа-запит складається з ключового слова, що описує тип пристрою і виразу, який перевіряє характеристики цього пристрою

медіа-запит є логічним виразом, який повертає істину або хибність

запит записують у кінці таблиці стилів

запит записують перед таблицею стилів

Запитання 18

Вкажіть параметр, щоб прибрати нижнє підкреслення гіперпосилання:

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

text-decoration

solid

 position

Запитання 19

Хостинг – це …

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

Послуга доступу до файлів віддалених комп'ютерів

Пошук інформації в базі даних в оперативному режимі

Сеанси зв’язку з іншими комп’ютерами, під’єднаними до Internet

Послуга, яку надають компанії для розміщення на своїх серверах веб-ресурсів

Запитання 20

Основне призначення github:

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

Розміщення сайтів та файлів;

Керування версіями коду при розробці програм;

Обмін повідомленнями та іншою інформацією між розробниками програм.

Запитання 21

Блоковий елемент:

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

Завжди має прямокутну форму та розмір, який визначається вмістом;

Завжди має прямокутну форму, ширину, яку визначає вміст, та висоту, яку визначає батьківський елемент;

Завжди має прямокутну форму, висоту, яку визначає вміст, та розтягується по ширині на весь батьківський контейнер.

Запитання 22

Коли лінійний елемент не вміщується в один рядок:

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

Він переноситься так само, як звичайний текст;

Частина елемента переноситься на інший рядок, і займає його повністю;

Він перетворюється у блоковий елемент.

Запитання 23

Які твердження правильні (декілька правильних варіантів):

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

За допомогою стилів можна змінити поведінку блокового елемента на лінійну, і навпаки;

Всередині блокових елементів не можна безпосередньо розміщувати текст;

Блокові елементи починаються з нового рядка.

Запитання 24

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

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

baseline

stretch

flex-end

flex-start

space-around

space-evenly

Запитання 25

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

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

space-around

flex-end

flex-start

space-evenly

stretch

baseline

Запитання 26

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

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

center center

space-around та center

center і stretch

flex-start і stretch

Запитання 27

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

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

display: block

text-decoration: none

overflow: hidden

scroll: none

Запитання 28

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

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

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

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

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

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

Запитання 29

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

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

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

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

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

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

Запитання 30

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

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

 тег target

атрибут target

атрибут new

атрибут blank

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

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