wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Верстка

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

Какой CSS-медиазапрос правильно определяет стили для мобильных устройств с шириной экрана до 768px?

a)
@media (width: 768px) { /* стили для мобильных устройств */ }
b)
@media (max-width: 768px) { /* стили для мобильных устройств */ }
c)
@media (max-width: 1024px) { /* стили для мобильных устройств */ }
d)
@media (min-width: 768px) { /* стили для мобильных устройств */ }
2.

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

a)
  1. <a>

b)
  1. <link>

c)
  1. <href>

d)

<url>

3.

Элемент <div> это тег или атрибут

a)

атрибут

b)

тег

4.

Какой селектор выбирает все элементы с классом button?

a)
.btn
b)
button
c)
.button
d)
#button
5.

Какое свойство отвечает за внешний отступ элемента?

a)
border
b)
margin
c)
width
d)
padding
6.

Какое свойство Flexbox выравнивает элементы по вертикали внутри контейнера?

a)
justify-content
b)
flex-wrap
c)
align-items
d)
flex-direction
7.

Какой метатег необходим для корректного отображения сайта на мобильных устройствах?

a)
  1. <meta name="description" content="...">

b)
  1. <meta name="viewport" content="width=device-width, initial-scale=1">

c)
  1. <meta http-equiv="X-UA-Compatible" content="IE=edge">

d)

<meta charset="UTF-8">

8.

Какая единица измерения зависит от размера шрифта родительского элемента?

a)
em
b)
vh
c)
pt
d)
px
9.

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

a)
:visited
b)
:hover
c)
:focus
d)
:active
10.

Какое значение position делает элемент «прилипающим» при прокрутке?

a)
absolute
b)
relative
c)
fixed
d)
sticky
11.

Какой атрибут у <input> делает поле обязательным для заполнения?

a)
required
b)
optional
c)
filled
d)
default
12.

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

a)
  1. <img>

b)
  1. <picture>

c)
  1. <image>

d)

<photo>

13.

Как задать красный цвет текста в CSS?

a)
color: crimson;
b)
font-color: red;
c)
color: red;
d)
text-color: red;
14.

Какое свойство делает текст жирным?

a)
font-weight: bold
b)
color: red
c)
text-decoration: underline
d)
font-style: italic
15.

Что такое Tilda?

a)
Tilda - конструктор сайтов.
b)
Tilda - социальная сеть для дизайнеров.
c)
Tilda - программа для редактирования видео.
d)
Tilda - платформа для онлайн-курсов.