Тесты СинергияАртём Хелп
Артём Help онлайнПолучить расчёт
Бесплатно оценим сроки и стоимостьОтправить задание в Telegram
Создание адаптивной верстки.sa_Fr-р

Создание адаптивной верстки.sa_Fr-р

Просмотрите все вопросы и варианты бесплатно. Правильные ответы скрыты и открываются только после получения доступа.

20 вопросов Вариант 1 Доступ 7 дней
Содержание теста

Вопросы и варианты

Без отметок и подсказок к правильным ответам

Вопрос 1

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

  1. column-reverse
  2. row-reverse
  3. wrap-reverse
  4. column
Вопрос 2

Как сделать элемент flex-контейнером?

  1. flex-direction: row
  2. flex-wrap: wrap
  3. display: flex
  4. position: sticky
Вопрос 3

Что произойдет если flex элементу прописать margin-right: auto?

  1. Эта конструкция не сработает, потому что значения auto у свойства margin-right не существует
  2. Элемент будет прижат к левому краю flex-контейнера
  3. Элемент будет прижат к правому краю flex-контейнера
  4. Элемент будет прижат к левому краю, но название свойства неверное. Нужно написать просто margin: auto
Вопрос 4

Свойство flex-shrink:

  1. устанавливает конкретное числовое значение для размером элемента
  2. определяет, как flex-элемент будет увеличиваться относительно других flex-элементов во flex-контейнере
  3. определяет, как flex-элемент будет уменьшаться относительно других flex-элементов во flex-контейнере
  4. определяет начальный размер flex-элемента
Вопрос 5

Для чего служит модель CSS flexbox?

  1. Используется для кроссбраузерной верстки
  2. Используется для добавления комментариев
  3. Способ компоновки элементов
Вопрос 6

Как к тегу < p > добавить несколько классов?

  1. К одному элементу можно добавить лишь один класс
  2. Необходимо дважды прописать атрибут class для тега
  3. Можно написать несколько классов через точку: test-1.test-2
  4. Необходимо прописать классы через пробел: class=”test-1 test-2”
Вопрос 7

Что такое “outline”?

  1. Внешняя обводка блока
  2. Установка границ для блока
  3. Внешнее свечение блока
  4. Установка тени блока
Вопрос 8

Какой псевдокласс сработает при установке курсора в текстовое поле?

  1. :hover
  2. :focus
  3. :visited
  4. :active
Вопрос 9

Какая величина в медиа-запросах позволяет применять стили при ландшафтном или портретном расположении экрана устройства отображения?

  1. device-aspect-ratio
  2. min-device-width
  3. orientation
  4. position-landscape
Вопрос 10

Какое значение свойства display установлено по умолчанию у HTML элемента div?

  1. list-item
  2. inline-block
  3. block
  4. inline
Вопрос 11

При задании свойств padding в процентах, относительно чего подсчитываются эти проценты?

  1. ширины самого элементам
  2. ширины родительского элемента
  3. padding родительского элемента
  4. margin родительского элемента
Вопрос 12

Какая ширина у HTML-элемента div без содержимого?

  1. 16px
  2. 20px
  3. 0
  4. 100%
Вопрос 13

Ширина родительского элемента 1000px, высота 700px. У дочернего записано свойство margin-top: 20%, чему равен верхний отступ в пикселях?

  1. 200px
  2. 100px
  3. 140px
  4. 70px
Вопрос 14

Как называется функциональная нотация (функция), позволяющая выполнять математические выражения?

  1. exec()
  2. math()
  3. calc()
  4. calculate()
Вопрос 15

Какой из селекторовы выберет все HTML-элементы div с атрибутом title содержащим внутри значения подслово “bar”?

  1. div[title~=”bar”]
  2. div[title^=”bar”]
  3. div[title*=”bar”]
  4. div[title|=”bar”]
Вопрос 16

Какой из селекторов покрасит четные элементы li?

  1. li:nth-child(2n)
  2. li:nth-child(n)
  3. li:nth-child(2n+1)
  4. li:nth-child(2)
Вопрос 17

Укажите корректный пример задания фонового цвета элемента:

  1. ul {background-color: rgb(200,10,200)}
  2. ol {bground-fon: #00FFFF}
  3. p {bg-color: blue}
  4. h1 {background color: green
Вопрос 18

Укажите корректный пример задания изображения в качестве фона

  1. body { background-image: http://www.intuit.ru/picture.jpg; }
  2. body { background-image: "url(http://www.intuit.ru/picture.jpg)"; }
  3. body { background-image: url(http://www.intuit.ru/pic.jpg); }
  4. body { background-image: http://www.intuit.ru/pic.jpg }
Вопрос 19

Укажите корректный пример задания фиксированного (не прокручивающегося) фонового изображения:

  1. body { background-image: url(http://www.intuit.ru/picture.jpg); background-repeat: no-repeat; }
  2. body { background-image: url(http://www.intuit.ru/picture.jpg); background-repeat: no-repeat; background-attachment: true }
  3. body { background-image: url(http://www.intuit.ru/picture.jpg); background-repeat: no-repeat; position: fixed-image }
  4. body { background-image: url(http://www.intuit.ru/picture.jpg); background-repeat: no-repeat; background-attachment: fixed }
Вопрос 20

Укажите допустимые значения свойства background-attachment:

  1. static
  2. fixed
  3. scroll
  4. attached