Основи CSS

Додано: 7 квітня
Предмет: Інформатика, 8 клас
Копія з тесту: Основи CSS
24 запитання
Запитання 1

Який синтаксис CSS вірний?

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

{body:color=black;}

{body;color:black;}

body {color: black;}

body:color=black;

Запитання 2

Як створтити коментар в CSS?

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

// це коментар

/* це коментар */

// це коментар //

' це коментар

Запитання 3

Що таке CSS?

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

Common Style Sheets

 Computer Style Sheets

 Cascading Style Sheets

Запитання 4

Які є способи додавання CSS?

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

внутрішній стиль

зовнішній стиль

вбудований стиль

всіма способами

Запитання 5

Яким способом задається внутрішній стиль?

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

<style></style>

<style type="css"></style>

<class type="css"></class>

Запитання 6

Як встановити стиль для елемента, який має id "special"?

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

#special{ }

.special{ }

id.special{ }

element.id.special{ }

Запитання 7

Який атрибут використовуют для вбудованого стиля?

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

style

in-style

font

class

Запитання 8

Як приєднати зовнішню таблицю стилів?

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

<link rel="stylesheet" type="text/css" href="mystyle.css">

<style src="mystyle.css" />

<stylesheet>mystyle.css</stylesheet >

Запитання 9

Хто створює веб стандарти?

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

Mozilla

The World Wide Web Consortium

Microsoft

Не має правильної

Запитання 10

Який атрибут CSS контролює розмір текста?

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

font-size

text-height

text-size

text-style

Запитання 11

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

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

id

class

text

style

Запитання 12

Виберіть правильний синтаксис, який встановлює розмір шрифта всіх тегів <a>?

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

a{font-size:13px;}

a{font:13px;}

a{size:13px;}

a{text-size:13px;}

Запитання 13

Оберіть правильно прописаний селектор для тега <div id="test">Text</div>

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

* {}

#test {}

div.test {}

.test {}

Запитання 14

Для чого потрібен CSS?

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

Для створення розмітки на сторінці

Для додавання функціональності на сторінці

Для роботи зі стилями на сайті

Запитання 15

Як встановити ширину для об'єкта?

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

за допомогою атрибута width в тегові об'єкту

за допомогою атрибута width в CSS

обидва варіанти вірні

Запитання 16

Який атрибут вказує на задній фон тегу?

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

background

display

background-clip

color

Запитання 17

Вкажіть помилку у коді:

<div>Test 1</div>

<div id="test">Test 2</div>

<p class="text-1">Test 3</p>

<p id="test"></p>

<p class="text-1">Test 4</p>

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

Не можна використовувати id для блочних елементів

не можна повторювати ідентифікатор test для різних елементів

не правильно підключають клас

не можна називати клас "text-1"

Запитання 18

Які існують види селекторів?

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

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

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

селектори ідентифікаторів, класи, теги, позиції

селектори ідентифікаторів, класи

Запитання 19

Сайт має більше ста HTML документів. Яким способом краще підключити стиль для всіх дрокументів?

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

внітрішній

вбудований

зовнішній

Запитання 20

Який колір тексту буде на сторінці?

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>Колір тексту</title>

<style>

HTML { color: black; } 

BODY { color: red; }

P { color: green; }

</style>

</head>

<body>

<p style="color: blue;"><span style="color: olive;">Текст</span></p>

</body>

</html>

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

чорний

червоний

зелений

оливковий

Запитання 21

Знайдіть помилку


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

p { text-align: center; color: #000000 }


div { color: red; font-size: 11pt; }


title { color: #fc0; margin: 10px; }


p { color: green; color; }


Запитання 22

Знайдіть помилку

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

H1 { margin-left: 20px; }


p { margin-left: 20px; padding-left: 20px; }


h2 { margin-right: 20px; }


head { color: #rob; }


Запитання 23

Як додати фоновий колір для всіх тегів Н1?

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

h1 { background-color: white }


h1#all { background-color: white }


h1[all] { background-color: white }


h1:all { background-color: white }


Запитання 24

Яке ім'я ідентифікатора написано правильно?

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

Play-gro45

45play

-play.

_play 45

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

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