Блокова модель CSS

Додано: 13 березня 2023
Предмет: Інформатика, 11 клас
Копія з тесту: Блокова модель CSS
Тест виконано: 14 разів
41 запитання
Запитання 1

Як називають математичну модель, яка подає колір у вигляді послідовності чисел?

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

Колірна модель

Модель малюнка

Колірний спектр

Кольорова гамма

Запитання 2

margin:

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

Ширина

Висота

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

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

Запитання 3

padding:

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

Ширина

Висота

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

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

Запитання 4

padding-top:

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

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

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

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

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

Запитання 5

margin-bottom:

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

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

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

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

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

Запитання 6

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

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

px

%

см

мм

Запитання 7

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


margin: 50px 10px 100px 20px;

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

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

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

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

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

Запитання 8

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

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

font-size:

text-align:

font-family:

text-shadow:

Запитання 9

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

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

font-size:

text-align:

background:

color:

Запитання 10

розташовується внизу веб-сторінки і зазвичай містить інформацію про правовласників, контактні та юридичні дані..

Це -

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

Нижній колонтитул

Навігаційна панель

Елемент <header>

Модульна сітка

Запитання 11

padding: 5px 10px;

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

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

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

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

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

Запитання 12

Чи можна задавати відступи для різних сторін за допомогою властивостей padding-left, padding-right, padding-top, padding-bottom ?

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

Так

Ні

Запитання 13

margin: 5px 10px 15px;

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

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

Зверху і знизу 5px, праворуч 10px, ліворуч 15px

Зверху 5px, ліворуч і праворуч 10px, знизу 15px

Верхній та правий, нижній та лівий відступи відповідно

Запитання 14

Чи однаковим є результат обох записів?

Перший: selector { border: 5px solid red;}

Другий: selector {border-width: 5px; border-style: solid; border-color: red;}

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

Так

Ні

Запитання 15

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

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

absolute

inherit

static

relative

fixed

Запитання 16

Оберіть термін для визначення.

... - це сукупність програмних, інформаційних, а також медійних засобів, логічно пов'язаних між собою сторінок

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

Веб-сторінка

Веб-сайт

Хостинг

Гіперпосилання

Запитання 17

Тег <hr size="5" width="80%"> використовують для...

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

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

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

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

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

Запитання 18

Яка структура сайту зображена на малюнку:

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

Ієрархічна (деревоподібна)

Довільна структура

Структура "Павутина"

Комбінована структура

Запитання 19

Верстка сайта яка використовує каскадні таблиці стилів називається...

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

CSS-верстка

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

Блокова верстка

Запитання 20

CSS-властивість, яка встановлює колір фону елемента

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

height

width

font-family

font-size

 background-color

Запитання 21

Що таке CSS?


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

Cascading Style Sheets

Creative Style Sheets

Colorful Style Sheets

Computer Style Sheets

Запитання 22

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


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

< body >

< head >

< script >

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

Запитання 23

Виберіть правильний CSS синтаксис

(без помилок)

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

{div;color:black;}

div:color=black;

{div:color=black;}

div {color: black;}

Запитання 24

Яка CSS властивість відповідає за розмір тексту?


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

text-size

font-size

text

size

Запитання 25

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


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

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

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

 p {text-size:bold;}

p {font-weight:bold;}

Запитання 26

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


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

test

.test

#test

id{test}

Запитання 27

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

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

p {color: red}

p {color: blue}

.p {color: red}

#p {color: red}

Запитання 28

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

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

теги

класи

атрибути

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

Запитання 29

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

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

<style>

<link>

<body>

Запитання 30

Вибрати правильний варіант для під'єднання зовнішньої таблиці стилів

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

<H1 style = 'color:blue; background-color: yellow; font-family:"Consolas"'>

<style>p {color:red;}</style>

<link rel="stylesheet" href="file.css">

Запитання 31

У файлі СSS написано :

body { background-image: url("paper.gif");}


Вибрати правильну відповідь



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

вставка графічного зображення "paper.gif" у вебсторінку

вміст файла "paper.gif" буде фоном вебсторінки

помилка

Запитання 32

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

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

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


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

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

Запитання 33

Вибрати властивості тексту

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

color

background-color

font-family

font-size

text-align

Запитання 34

Програма Блокнот дозволяє відредагувати тест веб-публікації ?

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

так

ні

Запитання 35

Каскадність CSS – це 

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

механізм, завдяки якому до елемента HTML-документа може застосовуватися більш ніж одне правило СSS

характеристика тегу, що визначає місце його розташування в HTML-документ

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

Запитання 36

При створення таблиці тег <th> використовується для

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

створення однієї комірки-заголовка таблиці 

описання рядків

описання таблиці

вставки таблиці

Запитання 37

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

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

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

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

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

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

Запитання 38

Яке із наведених правил СSS не містить помилок?

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

body (color:red)

body {color:red}

<body:color=red>

<body>:color=red}

Запитання 39

Який HTML атрибут використовується для inline CSS стилів? 

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

style

class

align

styles 

Запитання 40

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

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

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

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

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

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

Запитання 41

Які лапки використовують в оголошенні СSS правила?

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

[ ]

{ }

" "

< >

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

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