Вебдизайн Стилізація тексту та шрифти Урок 5

Додано: 7 вересня 2025
Предмет: Інформатика, 11 клас
12 запитань
Запитання 1

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


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

font-style

font-family

font-size

text-align

Запитання 2

Що робить CSS-правило text-align: center;?

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

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

Вирівнює текст всередині блоку по центру.

Робить шрифт тексту жирним.

Змінює колір тексту на центральний.

Запитання 3

Який синтаксис використовується для підключення шрифту з Google Fonts на початку CSS-файлу?

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

<link>

@import

include

#font

Запитання 4

Подивіться на код: font-family: 'Times New Roman', serif;.

Що означає слово serif?

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

Це назва конкретного шрифту.

Це вказівка браузеру використати будь-який доступний шрифт із засічками, якщо 'Times New Roman' не знайдено.

Це помилка, так писати не можна.

Це команда, що робить шрифт жирним.

Запитання 5

 Яка властивість відповідає за насиченість (жирність) шрифту?

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

font-size

font-weight

text-style

font-color

Запитання 6

Який тег використовується для створення нумерованого списку?

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

<ul>

<li>

<lu>

<ol>

Запитання 7

 Знайдіть помилку в цьому CSS-коді:

h2 {

 font-size: 24px

 color: green;

}

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

Після 24px пропущено крапку з комою

Селектор h2 написаний неправильно

Властивості color не існує.

Помилки немає.

Запитання 8

Який HTML-атрибут використовується для застосування CSS-класу до елемента?

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

style

id

class

link

Запитання 9

Як правильно написати CSS-правило, щоб зробити текст усіх параграфів <p> червоним та вирівняним по правому краю?

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

p { color: red; text-align: right; }

.p { text-color: red; align: right; }

p { font-color: red; align-text: right; }

.p ( color: red; text-align: right; )

Запитання 10

Який тег використовується для додавання зображення на сторінку?

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

<image>

<src>

<img>

<picture>

Запитання 11

Ви хочете, щоб заголовок мав шрифт Montserrat, а якщо він недоступний, то будь-який шрифт без засічок. Як це правильно записати?

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

font-family: 'Montserrat';

font-family: sans-serif, 'Montserrat';

font-family: 'Montserrat', 'sans-serif';

font-family: 'Montserrat', sans-serif;

Запитання 12

Подивіться на HTML-код: <h3 class="title-main">Привіт!</h3>. Як правильно звернутися до цього елемента в CSS, щоб змінити його колір?

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

h3 { ... }

.title-main { ... }

title-main { ... }

h { ... }

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

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