Основи CSS

Додано: 17 травня 2023
Предмет: Інформатика, 8 клас
Тест виконано: 110 разів
25 запитань
Запитання 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

Запитання 25

Який колір буде у слова "потока" в наступному коді

<p class="c1">Коэффициент использования излучаемого светильниками <span class="c2 c3">потока</span>, на расчетной плоскости.</p>

При використанні стилів

BODY { color: red; }

P { color: green; }

.c1 {color: blue; }

.c2 { color: yellow; }

.c3 { color: orange; }

.c2.c3 { color: black; }

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

чорний

синій

жовтий

червоний

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

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