NEW
Font size
WorksheetsТест по Flexbox CSS
Total questions: 15
Worksheet time: 8mins
Что такое Flexbox?
Flexbox - это модель CSS-верстки, которая обеспечивает адаптивный дизайн и эффективное выравнивание элементов в контейнере.
Flexbox - это JavaScript-фреймворк для создания веб-приложений.
Flexbox - это система управления базами данных для веб-разработки.
Flexbox - это разновидность программного обеспечения для графического дизайна.
Какой элемент является Flex контейнером?
Элемент с 'display: flex'
Элемент с 'flex-direction: row'
Элемент с 'position: relative'
Элемент с 'display: block'
Какое свойство используется для установки направления Flex элементов?
flex-wrap
flex-direction
flex-align
flex-order
Какое значение свойства 'flex-direction' устанавливает элементы в строку?
flex
row
column
row-reverse
Какое свойство управляет выравниванием элементов по главной оси?
margin
align-items
justify-content
flex-direction
Что делает свойство 'justify-content'?
Свойство 'justify-content' добавляет отступы между элементами.
Свойство 'justify-content' управляет высотой элементов в контейнере.
Свойство 'justify-content' изменяет цвет фона контейнера.
Свойство 'justify-content' выравнивает элементы по главной оси в flex-контейнере.
Какое значение 'justify-content' выравнивает элементы по центру?
right
left
space-between
center
Какое свойство используется для изменения порядка Flex элементов?
flex-direction
align-items
justify-content
order
Какое значение свойства 'flex-wrap' позволяет элементам переноситься на новую строку?
wrap-reverse
flex
wrap
nowrap
Что делает свойство 'align-items'?
Изменяет цвет фона контейнера.
Устанавливает размер шрифта для элементов в контейнере.
Выравнивает элементы по горизонтали в flex или grid контейнере.
Выравнивает элементы по вертикали в flex или grid контейнере.
Какое значение 'align-items' выравнивает элементы по верхнему краю?
center
flex-end
baseline
flex-start
Какое свойство управляет пространством между элементами?
margin
width
border
padding
Что делает свойство 'flex-grow'?
Свойство 'flex-grow' управляет размером шрифта элемента.
Свойство 'flex-grow' устанавливает отступы вокруг элемента.
Свойство 'flex-grow' определяет цвет элемента.
Свойство 'flex-grow' управляет ростом элемента в flex-контейнере.
Какое значение 'flex-grow' позволяет элементу занимать всё доступное пространство?
2
-1
0
1
Какое свойство используется для задания фиксированной ширины Flex элемента?
flex-shrink
flex-wrap
flex-grow
flex-basis
