Блокова модель CSS. Адаптивна верстка

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

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


margin: 50px 10px 100px 20px;

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

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

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

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

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

Запитання 2

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

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

font-size:

text-align:

font-family:

text-shadow:

Запитання 3

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

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

font-size:

text-align:

background:

color:

Запитання 4

padding: 5px 10px;

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

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

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

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

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

Запитання 5

margin: 5px 10px 15px;

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

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

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

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

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

Запитання 6

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

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

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

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

Так

Ні

Запитання 7

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

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

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

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

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

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

Запитання 8

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

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

CSS-верстка

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

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

Запитання 9

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

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

height

width

font-family

font-size

 background-color

Запитання 10

Що таке CSS?


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

Cascading Style Sheets

Creative Style Sheets

Colorful Style Sheets

Computer Style Sheets

Запитання 11

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


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

< body >

< head >

< script >

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

Запитання 12

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

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

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

{div;color:black;}

div:color=black;

{div:color=black;}

div {color: black;}

Запитання 13

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


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

text-size

font-size

text

size

Запитання 14

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


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

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

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

 p {text-size:bold;}

p {font-weight:bold;}

Запитання 15

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

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

p {color: red}

p {color: blue}

.p {color: red}

#p {color: red}

Запитання 16

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

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

<style>

<link>

<body>

Запитання 17

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

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

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

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

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

Запитання 18

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

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


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



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

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

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

помилка

Запитання 19

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

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

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


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

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

Запитання 20

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

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

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

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

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

Запитання 21

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

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

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

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

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

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

Запитання 22

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

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

body (color:red)

body {color:red}

<body:color=red>

<body>:color=red}

Запитання 23

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

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

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

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

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

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

Запитання 24

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

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

[ ]

{ }

" "

< >

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

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