Вы находитесь на странице: 1из 9

CSS Flex 1- 80% ~ 5 ошибок 2- 100%

6 attempts left. правильные ответы: желтые + крас

Будет ли работать z-index у элемента без position?


Да, будет
Зависит от величины z-index
Нет, не будет

Каким образом задать стили, чтобы элементы <div> располагались рядом друг с другом по горизонтали слева направо?
display: flex для родительского элемента
float: left
display: inline-block

Какие элементы по умолчанию являются строчными?


<button>
<p>
<table>
<img>
<span>
<li>
<ul>
<div>
<i>
<a>

Что определяет свойство flex-basis?


Итоговый размер flex-элементов, после того как они разместятся в контейнере
Размер flex-элементов, перед тем как они разместятся в контейнере
Ширину и высоту flex-элемента, которая не меняется вне зависимости от других свойств

Какое значение свойства flex-direction необходимо указать, чтобы дочерние элементы расположились горизонтально с
column
column-reverse
row-reverse
row

Каким способом (из перечисленных) можно отцентрировать по горизонтали блочный элемент?


Задать элементу ширину, которая больше ширины родительского контейнера и задать для внешних отступов
Задать элементу ширину, которая меньше ширины родительского контейнера и задать для внешних отступо
Задать элементу ширину, которая меньше ширины родительского контейнера и задать для внешних отступо
Задать элементу ширину, которая больше ширины родительского контейнера и задать для внешних отступов

Какого(их) значения(ий) нет у свойства position?


absolute
static
sticky
normal
advanced
relative
fixed
none

Какое значение по умолчанию у свойства justify-content?


flex-start
flex-end
center
normal
stretch
space-between
space-around
baseline
auto

Для чего нужно css-свойство flex-shrink?


Для определения, какому из блоков нельзя уменьшаться в размерах
Такого свойства не существует
Для определения очерёдности flex-элементов
Для того, чтобы элементы размещались строго один над другим

Укажите пункты, правильно характеризующие строчные элементы:


До и после элемента добавляется перенос строки
До и после элемента не добавляются переносы строки
Можно задавать ширину, высоту, внутренние и внешние отступы для элемента
Ширина и высота элемента зависит только от его содержания, задать размеры с помощью CSS нельзя
К ним относятся теги <basefont> и <textarea>
Элементы занимают всю ширину своего родителя (контейнера)

Какое свойство имеет приоритет, в случае если для элемента одновременно заданы flex-basis (отличное от auto) и widt
свойство flex-basis
свойство width
будет ошибка в консоли, элемент не отрисуется
будет ошибка в консоли, но элемент отрисуется со свойством flex-basis
эти свойства не конфликтуют между собой и единовременно применятся на элемент

Какое значение по умолчанию у свойства align-self?


flex-start
flex-end
center
normal
stretch
space-between
space-around
baseline
auto

Какое(ие) значение(ия) position может иметь абсолютно позиционируемый элемент?


absolute
static
sticky
normal
advanced
relative
fixed
none

Может ли flex-элемент одновременно быть flex-контейнером?


Да, может
Может, но не всегда
Нет, не может

Укажите пункты, правильно характеризующие блочные элементы:


До и после элемента добавляется перенос строки
Можно задавать ширину, высоту, внутренние и внешние отступы для элемента
Элементы занимают всю ширину своего родителя (контейнера)
До и после элемента не добавляются переносы строки
Ширина и высота элемента зависит только от его содержания, задать размеры с помощью CSS нельзя
Для элементов можно задавать только горизонтальные отступы

Какое значение по умолчанию у свойства align-items?


flex-start
flex-end
center
normal
stretch
space-between
space-around
baseline
auto

В чем разница между свойствами "display: flex" и "display: inline-flex"?


"display: inline-flex" заставляет flex-элементы вести себя как инлайновые элементы
"display: inline-flex" заставляет flex-контейнер вести себя как инлайновый элемент
внутри контейнера с "display: flex" все элементы по умолчанию имеют свойство "display: flex", а у контейнера
разницы нет
Какое из перечисленных свойств позволяет разрешить перенос flex-элементов на новую строку, если они не помещают
flex-sorter
flex-order
flex-wrap
flex-column
flex-direction

Как правильно добавить свойство flexbox выбранному набору элементов на странице?


Задать "display: flex" родительскому элементу выбранных элементов
Задать "display: flex" каждому элементу, который мы хотим превратить в flex-элемент
Задать "display: flex" для всех элементов на странице
Задать "display: flex" html тегу

Какое свойство управляет промежутками между flex строками по перекрёстной(поперечной) оси?


justify-content
align-content
flex-direction
align-items
align-self
flex: start
flex: stretch

Какое свойство помогает скрыть элемент со страницы, как будто его нет и не было?
display: block
display: inline
display: inline-block
display: list-item
display: none
display: run-in
display: table
display: flex

Для чего нужно css-свойство flex-grow?


Такого свойства не существует
Оно отвечает за вертикальную ориентацию flex-элементов
Оно отвечает за размер flex-элементов
Для того, чтобы элементы размещались строго один над другим

Какие элементы по умолчанию являются блочными?


<div>
<i>
<span>
<p>
<a>
<ul>
<li>
<img>
<table>
<button>

Каким может быть позиционирование элемента в документе?


Статическое позиционирование
Относительное позиционирование
Абсолютное позиционирование
Фиксированное позиционирование
Все вышеперечисленное
Нет правильного ответа

Какое из перечисленных свойств позволяет менять порядок следования flex-элементов?


flex-wrap
flex-sorter
flex-order
flex-column
order
sorter
column
wrap
ые ответы: желтые + красные

ризонтали слева направо?

ложились горизонтально слева направо?

ать для внешних отступов справа и слева значение auto


дать для внешних отступов справа и слева значение auto
дать для внешних отступов сверху и снизу значение auto
ать для внешних отступов сверху и снизу значение auto
мощью CSS нельзя

(отличное от auto) и width?


мощью CSS нельзя

play: flex", а у контейнера с "display: inline-flex" - "display: inline"


ку, если они не помещаются в контейнер?

Вам также может понравиться