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

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

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

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

1Веб-41  

1ИСП-31  

1Веб-42  

1ИСП-32  

Веб-51  

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

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

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

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

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

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

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

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

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

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

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

div  

Bootstrap  

css  

html  

Flex  

@media  

Grid  

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

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

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

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

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

	Стиль посещенных ссылок	Стиль выделенного текста.	Первая строка	Поля ввода в фокусе	Стиль непосещенных ссылок	Первый дочерний элемент	Стиль элемента при наведении	Стиль активной ссылки
: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