wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Web-flex-contenier

Total questions: 13

Worksheet time: 12mins

Name
Class
Date
1.

Який тег застосували тут?

a)

<section>

b)

<article>

c)

<div>

d)

<table>

2.

Який тег застосували тут?

a)

<aside>

b)

<article>

c)

<div>

d)

<td>

3.

Напиши який тег застосувати для віділеної частини?

без дужок тега

(a)  

4.

Як це зробити? Напиши тег, без дужок

(a)  

5.

Мені потрібно щоб блочний та рядковий об*єкт були розташовані поряд. Як це зробити?

a)

<table>

b)

<article>

c)

<div>

d)

І так поряд будуть

6.

Як встановити контейнеру властивість flex?

(a)  

7.

Чи правда, що flex елементи намагатимуться за умовчанням уміститися в одному рядку?

a)

True

b)

False

8.

За що відповідає властивість justify-content?

a)

Вирівнює елементи по горизонталі

b)

Вирівнює елементи по вертикалі

c)

Сортує елементи по горизонталі

d)

За щось там

9.

Який код перенесе елементи на новий рядок, якщо не вистачить місця

a)

flex: wrap;

b)

display:flex;

c)

flex-wrap: wrap;

d)

justefi-content:space-around;

10.

justify-content: space-between;

a)
b)
c)
d)
11.

Питання з цікавинкою)

Яку ширину буде займати об*єкт з класом box

a)

100

b)

124

c)

110

d)

120

12.

Вам потрібно зробити такі відступи: зверху - 10px, знизу - 5px, зліва - 20px, справа - 1px. Як ви це зробите?

a)

margin: 10px 20px 5px 1px;

b)

margin: 5px 20px 10px 1px;

c)

margin: 10px 5px 20px 1px;

d)

margin: 10px 1px 5px 20px;

13.

Як зробити список, в якому елементи перераховані квадратиками?

a)

list-style-type: circle;

b)

list-style-type: square;

c)

list-type: square;

d)

list: square;