wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Верстка 22.04

Total questions: 24

Worksheet time: 14mins

Name
Class
Date
1.

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

a)
text-align
b)

font-weight

c)

font-size

d)
font-family
2.

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

a)

ul

b)

ol

c)

li

d)

list

3.

Что такое разметка сайта?

a)

это способ защиты веб-страниц от взлома.

b)

это метод оптимизации скорости загрузки страниц.

c)

это процесс создания графического дизайна веб-страницы c помощью Figma.

d)

это процесс структурирования контента веб-страницы с помощью HTML

4.

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

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

За что отвечает solid в свойстве border: 2px solid red;

a)
solid определяет стиль границы как сплошной.
b)
solid обозначает прозрачную границу.
c)
solid указывает на толщину границы.
d)
solid определяет цвет границы как красный.
6.

Что такое Flexbox?

a)
Flexbox — это язык программирования для веб-разработки.
b)
Flexbox — это библиотека для работы с графикой.
c)
Flexbox — это система управления базами данных.
d)
Flexbox — это модель компоновки для упрощения расположения элементов в контейнере.
7.

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

a)
margin
b)
height
c)
width
d)
padding
8.

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

a)

table

b)

label

c)

form

d)

input

9.

Какое значение свойства display скрывает элемент на странице?

a)
block
b)
flex
c)

opacity

d)
none
10.

Какой CSS-свойство выравнивает текст по центру?

a)
text-align: justify;
b)

align: center;

c)
text-align: center;
d)

text-center: true;

11.

Что такое box-sizing: border-box?

a)
box-sizing: border-box игнорирует границы и отступы.
b)
box-sizing: border-box увеличивает размеры элемента.
c)
box-sizing: border-box применяется только к изображениями.
d)
box-sizing: border-box позволяет учитывать границы и отступы в общих размерах элемента.
12.

Какие атрибуты являются обязательными для тега <img>?

a)
width, height
b)
href, title
c)
src, alt
d)
class, id
13.

Что такое @import в CSS?

a)
@import позволяет изменять стили на основе JavaScript.
b)
@import используется для создания медиа-запросов.
c)
@import в CSS - это директива для подключения внешних CSS-файлов.
d)
@import - это метод для оптимизации изображений в CSS.
14.

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

(a)  

15.

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

(a)  

16.

Значение свойство и значение flexbox позволяет переносить элементы на новую строку

(a)  

17.

По умолчанию значение свойства flex-direction

(a)  

18.

Что делает flex-direction?

a)
flex-direction управляет цветом flex-элементов.
b)
flex-direction определяет порядок анимации элементов.
c)
flex-direction управляет направлением расположения flex-элементов.
d)
flex-direction изменяет размер flex-элементов.
19.

Что делает flex-direction: row-reverse

a)
flex-direction: row-reverse изменяет цвет элементов.
b)
flex-direction: row-reverse скрывает элементы в строке.
c)
flex-direction: row-reverse выравнивает элементы по вертикали.
d)
flex-direction: row-reverse располагает элементы в строку в обратном порядке.
20.

За что отвечает свойство order в FlexBox?

a)
Свойство order отвечает за выравнивание элементов в FlexBox.
b)
Свойство order отвечает за порядок отображения элементов в FlexBox.
c)
Свойство order используется для изменения цвета элементов в FlexBox.
d)
Свойство order определяет размер элементов в FlexBox.
21.

В чем разница max-width и min-width?

a)
max-width устанавливает минимальную ширину, min-width ограничивает максимальную ширину.
b)
max-width и min-width не влияют на ширину элемента.
c)
max-width используется только для изображений, min-width для текста.
d)
max-width ограничивает максимальную ширину, min-width устанавливает минимальную ширину.
22.

Что такое @media?

a)
@media - это правило в CSS для адаптивной верстки.
b)
@media - это тег для вставки изображений.
c)
@media - это метод для создания анимаций.
d)
@media - это функция для обработки данных.
23.

% это фиксированная или резиновая верстка?

a)
Гибкая верстка
b)
Статическая верстка
c)
Резиновая верстка
d)
Фиксированная верстка
24.

px это резиновая верстка

a)

Верно

b)

Неверно