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

Додано: 11 грудня 2023
Предмет: Інформатика, 11 клас
Копія з тесту: Блокова модель CSS
27 запитань
Запитання 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

padding: 5px 10px;

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

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

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

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

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

Запитання 11

margin: 5px 10px 15px;

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

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

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

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

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

Запитання 12

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

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

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

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

Так

Ні

Запитання 13

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

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

absolute

inherit

static

relative

fixed

Запитання 14

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

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

height

width

font-family

font-size

 background-color

Запитання 15

Що таке CSS?


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

Cascading Style Sheets

Creative Style Sheets

Colorful Style Sheets

Computer Style Sheets

Запитання 16

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

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

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

{div;color:black;}

div:color=black;

{div:color=black;}

div {color: black;}

Запитання 17

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


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

text-size

font-size

text

size

Запитання 18

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


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

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

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

 p {text-size:bold;}

p {font-weight:bold;}

Запитання 19

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


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

test

.test

#test

id{test}

Запитання 20

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

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

p {color: red}

p {color: blue}

.p {color: red}

#p {color: red}

Запитання 21

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

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

теги

класи

атрибути

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

Запитання 22

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

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

<style>

<link>

<body>

Запитання 23

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

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

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

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

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

Запитання 24

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

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

color

background-color

font-family

font-size

text-align

Запитання 25

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

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

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

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

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

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

Запитання 26

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

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

style

class

align

styles 

Запитання 27

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

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

[ ]

{ }

" "

< >

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

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