Worksheets7. WB March RU
Total questions: 20
Worksheet time: 10mins
Как работает свойство grid-area?
Устанавливает размеры для всех элементов сетки
Определяет шаблон на основе названий областей
Устанавливает размеры элемента по горизонтали
Устанавливает размеры и размещение элемента в колонке и в ряду
Сколько колонок займет .item9?
0
1
2
3
Какова высота элемента с классом item9?
300px
150px
500px
400px
Какова высота элемента с классом item3?
150px
100px
300px
400px
Будет ли ошибкой указать такое правило grid-row: 1 / span 2;?
Да
Нет
Какое значение свойства display позволяет выравнивать внутренний контент по сетке?
table
block
flex
grid
Какая свойство задает количество и размеры столбцов явной сетки?
grid-auto-row
grid-auto-columns
grid-template-columns
grid-template-row
Что делает функция minmax()?
Указывает минимальную и максимальную ширину, которую может занять трек.
Выбирает минимальное значение из двух вариантов
Выбирает максимальное значение из двух вариантов
Задает два варианта ширины трека
Сколько колонок создаст такое правило - grid-template-columns: repeat(auto-fill, 150px); ?
1
Количество столбцов будет зависеть от ширины окна браузера
Не будет создано колонок, потому что не указано количество
бесконечность
В чем разница между значениями auto-fill и auto-fit?
auto-fill - создает неявные сетки; auto-fit - не создает.
auto-fit - создает неявные сетки; auto-fill - не создает.
Что задает свойство grid-row-start?
определяет начальную позицию элемента сетки в столбце
Задает количество рядов в сетке
Такого свойства не существует
определяет начальную позицию элемента сетки в ряду
Какое свойство используется для задания положения и размера ячейки в колонке?
grid-column
grid-row
grid-template-columns
grid-column-position
Сколько ТРЕКОВ в сетке на картинке?
1
2
4
5
Какое CSS правило применено к 1 элементу сетки?
grid-column: 1 / 2;
grid-column: 1 / 3;
grid-column: 1 / 4;
grid-column: 1 / 5;
Какой псевдокласс может выбирать элементы по индексам, находящимся внутри одного родительского элемента?
:item(n)
:nth-child(n)
:hover(n)
:index(n)
С помощью какого свойства можно изменить направление потока в Grid?
flex-direction
grid-direction
justify-content
grid-auto-flow
Какое значение свойства grid-auto-flow позволяет заполнять свободные места сетки элементами, которые подходят по размерам?
dense
row
column
reverse
Какое значение свойства grid-column или grid-row объединяет несколько ячеек между собой?
span
glue
connect
accept
Какое CSS правило применено к 6 элементу сетки?
grid-column: span 3;
grid-column: span 2;
grid-row: span 3;
grid-row: span 4;
