wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Викторина

Total questions: 40

Worksheet time: 38mins

Name
Class
Date
1.

Задаёт размер внешнего отступа вокруг элемента.

a)

margin

b)

padding

c)

border

d)

display

2.

Что из перечисленных не является допустимой единицей в CSS

a)

url

b)

%

c)

pt

d)

px

3.

Внутренний отступ, позволяющий оттолкнуть контент от границ родительского элемента.

a)

margin

b)

padding

c)

border

d)

display

4.

Отвечает за отрисовку видимой границы блока (рамку)

a)

margin

b)

padding

c)

border

d)

display

5.

Свойство типа отображения элемента на странице, имеющее значения block inline inline-block none grid и flex

a)

margin

b)

padding

c)

border

d)

display

6.

Как расшифровывается CSS?

a)

Каскадная таблица стилей Cascading Style Sheet

b)

Красочная таблица стилей Colorful Style Sheet

c)

Компьютерная таблица стилей Computer Style Sheet

d)

Креативная таблица стилей Creative Style Sheet

e)

Контр страйк супер

Counter Strike Super

7.

Как правильно привязать CSS?

a)

<stylesheet>mystyle.css</stylesheet>

b)

<style src="mystyle.css">

c)

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

8.

Значение display, стандартное для таких элементов как <div> и <header>. Для таких элементов обязательно задаются ширина и высота

a)

block

b)

inline-block

c)

inline

d)

flex

9.

Значение display, стандартное для текстовых элементов. Для него не задается ширина и высота блока

a)

block

b)

inline-block

c)

inline

d)

flex

10.

Значение display, при котором элемент ведет себя как строчный внутри и как блочный снаружи

a)

block

b)

inline-block

c)

inline

d)

flex

11.

Значение display, убирающее элемент

a)

block

b)

none

c)

inline

d)

flex

12.

Свойство элемента с display: flex; позволяющее выравнивать дочерние блочные элементы по горизонтали

a)

justify-content

b)

align-items

c)

text-align

13.

Свойство элемента с display: flex; позволяющее выравнивать дочерние блочные элементы по вертикали

a)

justify-content

b)

align-items

c)

text-align

14.

Свойство, позволяющее выравнивать дочерние строчные (текстовые) элементы по горизонтали

a)

justify-content

b)

align-items

c)

text-align

15.

Какой тег используется для подключения внешнего CSS файла?

a)

<style>

b)

<link>

c)

<script>

d)

<css>

16.

Какое свойство используется для изменения размера текста в CSS?

a)

font-size

b)

text-style

c)

font-weight

d)

text-decoration

17.

Когда используется класс, то как объявить его имя в CSS

a)

%

b)

#

c)

.

d)

@

18.

Какое свойство используется для изменения цвета текста в CSS?

a)

color

b)

background-color

c)

text-color

d)

font-color

19.

Какое свойство используется для задания фона элемента в CSS?

a)

color

b)

background-color

c)

fill

20.

Какое свойство используется для задания стиля шрифта в CSS?

a)

font-style

b)

text-style

c)

font-weight

d)

font-family

21.

Где размещается тэг привязки CSS документа в HTML

a)

в <head>

b)

в <body>

c)

в <header>

22.

Укажите верный CSS синтаксис

a)

{body:
color=black;
}

b)

body{
color: black

}

c)

body; {
color:black;

}

d)

body{
color: black;

}

23.

Заполните пропуск, дописав код
Задайте элементу <header> ширину в размер страницы (в %)
header{
(a)  
}

24.

Нравится тест?

a)

Да

b)

Нет

c)

Хз

25.

Какое значение свойства justify-content выравнивает элементы как на картинке?

a)

center

b)

space-between

c)

space-around

26.

Какое значение свойства justify-content выравнивает элементы как на картинке?

a)

center

b)

space-between

c)

space-around

27.

Какое значение свойства justify-content выравнивает элементы как на картинке?

a)

center

b)

space-between

c)

space-around

28.

Что такое <div>?

a)

Универсальный блочный контейнер

b)

Рамка для изображения

c)

Поле для текста

d)

Бесполезная фигня

29.

Как задать класс html-элементу?

a)

<элемент> class="имя класса"
</элемент>

b)

<элемент> class='имя класса'
</элемент>

c)

<элемент class="имя класса">

</элемент>

d)

<элемент class=имя класса>

</элемент>

30.

Можно ли задавать классы на кириллице (русском языке)?

a)

Да но не нужно

b)

Нет это так не работает

c)

Обязательно нужно

d)

Можно и так и так

31.

Можно ли задавать классы цифрами?

a)

Да но не нужно

b)

Нет это так не работает

c)

Обязательно нужно

d)

Можно и так и так

32.

Какой заголовок будет больше?

a)

<h1>

b)

<h2>

c)

<p>

33.

Что такое <p>?

a)

Самый большой заголовок (Prominent)

b)

Самый маленький заголовок (Petite)

c)

Параграф.(Paragraph) Текст с новой строки

34.

Как разместить изображение на странице?

a)

<image>

b)

<picture>

c)

<img>

d)

<painting>

35.

Укажите верный синтаксис для background-image

a)

background-image: url();

b)

background-image: src();

c)

background-image: url="";

d)

background:

image url();

36.

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

a)

<ul>

b)

<ol>

c)

<li>

d)

<list>

37.

Какое свойство CSS используется для изменения цвета текста?

a)

background-color

b)

font-color

c)

text-color

d)

color

38.

Что это делает?

document.querySelector(".btn")

a)

Берет первый элемент с селектором .btn

b)

Берет первый элемент с айди btn

c)

Берет все элементы с селектором .btn

39.

Что это?
let b = 25;

a)

Объявление переменной b, равной 25

b)

Изменение текста на 25

40.

Что это?
.addEventListener("click", function (){...})

a)

Метод вызова функции, при клике на объект

b)

Звук клика