Worksheets6. WB February RU
Total questions: 20
Worksheet time: 10mins
За что отвечает свойство font-weight?
За размер шрифта
За толщину шрифта
За размер текста
За тип шрифта
С помощью какого свойства можно изменить направление главной оси в flex?
flex-axis
justify-content
order
flex-direction
Если flex-контейнеру указать CSS правило flex-direction: column; то как разместятся элементы внутри него?
Горизонтально
Вертикально
По диагонали
В обратном порядке
Какой порядок элементов будет в flex-контейнере?
block1 block2 block3
block2 block1 block3
block3 block1 block2
block2 block3 block1
Какой медиазапрос будет выполняться для ширины 500px и меньше?
@media(500px) { ... }
@media all and (width: 500) { ... }
@media all and (max-width: 500px) { ... }
@media all and (min-width: 500px) { ... }
С помощью какого CSS правила можно создать Grid-контейнер?
display: grid;
display: flex;
grid: block;
grid-tempate: 1fr;
С помощью какого CSS свойства выстраиваются колонки в Grid-контейнере?
grid-columns
grid-rows
grid-template-rows
grid-template-columns
С помощью какого CSS свойства указывается разрыв между элементами Grid-контейнера?
margin
padding
gap
grid
Сколько в контейнере будет колонок, если указать ему следующее правило - grid-template-columns: 20px 20px 20px;?
20
3
2
В правиле ошибка, оно не сработает
Какая колонка будет самой большой, если указать контейнеру следующее правило - grid-template-columns: 20px 120px 200px;?
Первая
Вторая
Третья
В правиле ошибка, оно не сработает
Для чего нужна свойство grid-auto-rows?
Она позволяет регулировать размер неявных рядов
Она регулирует размер явных рядов
Она регулирует размер явных колонок
Она автоматически устанавливает размер рядов
Как обозначается относительная единица размера, которая используется только в Grid?
em
%
rem
fr
С помощью какого свойства можно изменить поток элементов в Grid?
grid-direction
grid-auto-flow
grid-auto-columns
flex-direction
Какая колонка будет самой большой, если к Grid-контейнеру применить правило grid-template-columns: 1fr 0.5fr 5fr 4.5fr;?
1
2
3
4
Сколько в сетке будет явных рядов, если применить к ней такие CSS правила?
1
2
3
4
С помощью какого правила можно разместить grid-элемент сразу на 2 ряда?
grid-row: span 2;
grid-column: span 2;
grid-template-columns: 1fr 1fr;
grid: row 2;
Сколько в контейнере будет колонок, если указать ему следующее правило - grid-template-columns: 100px repeat(4, 1fr 2fr);
4
5
9
8
Что сделает правило grid-column: span 2;?
Разместит элемент, к которому его применили, на 2 ряда
Разместит элемент, к которому его применили, на 2 колонки
Увеличит колонку сетки в 2 раза
Растянет элемент на 4 колонки
Что делает свойство grid-column-start?
Устанавливает начальное положение элемента в колонне
Устанавливает начальное положение элемента в строке
Устанавливает начальное положение элемента и в колонне, и в строке
Такого правила не существует
Сколько колонок будет занимать элемент .item9?
2
3
4
5
