wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

CSS-HTML

Total questions: 21

Worksheet time: 15mins

Name
Class
Date
1.

Як правильно підключити таблицю стилів (style.css) до html-документа?

a)

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

b)

<img rel="stylesheet" type="text/css" src="style.css">

c)

<link rel="stylesheet" type="text/css">

d)

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

2.

Внутрішні стилі в html-документі треба вставляти:

a)

в <body>

b)

в тег <style> в <header>

c)

в <footer>

d)

в тег <style> в <head>

3.

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

a)

font-color

b)

font

c)

color

d)

colorful

4.

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

a)

size

b)

font-weight

c)

font-size

d)

font-grow

5.

Яка CSS-властивість вичначає напівжирне написання шрифта?

a)

font-weight

b)

font-bold

c)

font-style

d)

font-size

6.

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

a)

width

b)

height

c)

size

d)

div

7.

Яка CSS-властивість дозволяє одночасно визначити товщину, стиль і колір границі елемента?

a)

borders

b)

padding

c)

margin

d)

border

8.

Яка CSS-властивість вичначає внутрішні відступи елемента (між змістом елемента та його границями)?

a)

margin

b)

width

c)

padding-width

d)

padding

9.

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

a)

margin

b)

padding

c)

position

d)

width

10.

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

a)

display

b)

list-style-type

c)

font-size

d)

style-list

11.

З домогою якого селектора можна вибрати елемент з класом "block"?

a)

block

b)

.block

c)

#block

d)

*block

12.

Як обрати елемент з id = "block"?

a)

.block

b)

block

c)

#block

d)

*block

13.

Укажіть правильний синтаксис CSS-правила:

a)

body {color: black;}

b)

{body:color=black;}

c)

body:color=black;

d)

{body;color:black;}

14.

Укажіть правильний синтаксис CSS для виділення всіх елементів <p> напівжирним шрифтом

a)

p {text-size:bold;}

b)

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

c)

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

d)

p {font-weight:bold;}

15.

Як прибрати підкреслення у гіперпосиланні?

a)

a {underline:none;}

b)

a {text-decoration:none;}

c)

a {text-decoration:no-underline;}

d)

a {decoration:no-underline;}

16.

Задано html-код:

<p>Колір <b><i>тексту</i></b></p>

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

a)

Зелений

b)

Синій

c)

Померанчевий

d)

Оливковий

e)

Жолтий

17.

Як вибрати всі елементи p всередині елемента div?

a)

div > p

b)

div.p

c)

div + p

d)

div p

18.

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

a)

border-right

b)

padding-right

c)

indent

d)

margin-right

19.

Як з допомогою CSS можна створити таку рамку навколо елемента:

верхня границя = 7px

нижня границя= 3px

ліва границя = 14px

права границя= 8px

a)

border-width:3px 14px 7px 8px;

b)

border-width:7px 8px 3px 14px;

c)

border-width:7px 3px 14px 8px;

d)

border-width:7px 14px 3px 8px;

20.

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

a)

color

b)

text-color

c)

fgcolor

21.

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

a)

font-family

b)

font-weight

c)

font-style

d)

font-size