Тест по теме 4. Адаптивная верстка

Проверьте, пожалуйста, правильность заполнения всех полей!

Укажите Вашу фамилию, имя *

Укажите номер Вашей группы *

1Веб-41  

1ИСП-31  

1Веб-42  

1ИСП-32  

Веб-51  

Адаптивная верстка сайта это подход к разработке сайтов, предполагающий: *

изменение дизайна в зависимости от используемой платформы  

изменение дизайна в зависимости от размера экрана  

изменение дизайна в зависимости от ориентации экрана  

изменение дизайна в зависимости от используемых технологий web-разработки  

К современным приемам, используемым для адаптивной верстки сайтов можно отнести: *

Использование сетки и технологии flexbox  

Использование нескольких изображений разного размера  

Использование табличной, а не блочной технологии верстки  

Задание элементов web-страницы в процентах  

Укажите технологии, позволяющие выполнять адаптивную верстку *

Grid  

div  

Flex  

@media  

Bootstrap  

css  

html  

Что такое псевдокласс? Выберите правильные определения *

это селекторы, которые определяют состояние уже существующих элементов, которое может меняться при определенных условиях  

они определяют динамическое состояние элементов, которое изменяется с помощью действий пользователя, а также положение в дереве документа  

это дополнение к тегам для усиления их эффекта  

Сопоставьте псевдоклассы и их написание *

	Стиль посещенных ссылок	Стиль выделенного текста.	Первая строка	Поля ввода в фокусе	Стиль непосещенных ссылок	Первый дочерний элемент	Стиль элемента при наведении	Стиль активной ссылки
:link
:first-child
:hover
:visited
::first-line
:active
:focus
::selection

Сетка Grid. Укажите соответствие свойств *

	объявление количества колонок и их длины	объединение ячеек Grid по горизонтали	объявление количества строк и их высоты	порядок блоков (горизонтально или вертикально)	объявление контейнера сеткой	объединение ячеек Grid по вертикали	области сетки через grid-area	расположение блоков при наложении	ширина линии (отступы)
display: grid
grid-template-rows
grid-template-columns
grid-auto-flow
grid-row
grid-column
grid-template-areas
gap
z-index

Технология Flex. Укажите соответствие свойств *

	позволяет вращать главную ось	определяет, насколько блоку можно уменьшиться в размере	объявление контейнера flex	отвечает за изначальный размер элементов до того, как они будут изменены другими свойствами	определяет, должны ли элементы переноситься на новую строку или оставаться на одной	отвечает за выравнивание элементов по главной оси	указывает, какую долю будет занимать элемент
flex-wrap
flex-direction: column
justify-content
display: flex
flex-basis
flex-grow
flex-shrink