Тест по CSS Flexbox

Что такое flex-контейнер?

• Flex-контейнер — это контейнер, который не имеет дочерних элементов.

• Flex-контейнер — это элемент, который использует модель flexbox для организации своих дочерних элементов.

• Flex-контейнер — это элемент, который используется для создания сеток.

• Flex-контейнер — это элемент, который управляет только высотой своих дочерних элементов.

Какое значение может принимать свойство justify-content?

• right-align

• top-align

• flex-start, flex-end, center, space-between, space-around, space-evenly

• left-align

Какое влияние имеет свойство align-items на элементы внутри flex-контейнера?

• Свойство align-items влияет на размеры элементов внутри flex-контейнера.

• Свойство align-items изменяет порядок элементов внутри flex-контейнера.

• Свойство align-items выравнивает элементы внутри flex-контейнера по поперечной оси .

• Свойство align-items выравнивает элементы только по главной оси.

Когда следует использовать свойство flex-wrap?

• Когда элементы должны быть выровнены по центру.

• Когда нужно изменить цвет фона.

• Когда требуется добавить отступы между элементами.

• Когда элементы не помещаются в одну строку или колонку.

Что делает свойство flex-flow?

• Свойство flex-flow определяет размер элементов в flex-контейнере.

• Свойство flex-flow отвечает за цвет фона flex-контейнера.

• Свойство flex-flow управляет прозрачностью элементов в flex-контейнере.

• Это свойство-шорткат для одновременного определения значений свойств flex-direction и flex-wrap.
  

Как column-gap влияет на расположение элементов?

• column-gap увеличивает размер шрифта.

• column-gap влияет только на высоту колонок.

• column-gap увеличивает или уменьшает расстояние между колонками, влияя на расположение элементов.

• column-gap изменяет цвет элементов.

Как row-gap влияет на расположение элементов?

• row-gap увеличивает вертикальное расстояние между строками элементов.

• row-gap уменьшает горизонтальное расстояние между элементами.

• row-gap не влияет на расположение элементов.

• row-gap изменяет цвет элементов.

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

• flex-start

• center

• space-between

• flex-end

Какое значение align-items выравнивает элементы по верхнему краю?

• flex-start

• baseline

• flex-end

• center

Как можно комбинировать свойства flex-wrap и flex-direction?

• Свойства flex-wrap и flex-flow не могут быть использованы вместе.

• Свойства flex-wrap и flex-direction комбинируются, используя flex-flow для задания направления и обертки элементов.

• flex-wrap используется только для задания направления.

• flex-flow определяет только размер элементов, а не их обертку.