ТЕСТ ДЛЯ МЛАДШИХ (JUNIOR) РАЗРАБОТЧИКОВ ПО СТЕКУ HTML / CSS
2/05/2020 03:05:00 PM
1. С помощью какого значения свойства transform возможно осуществить поворот элемента
scale
translate
rotate
skew
degris
2. За что отвечает атрибут autofocus для поля ввода input
Необязательность заполнения данного поля ввода
Обязательность заполнения данного поля ввода
Ограничение количества символов в поле ввода
Автофокус на данном поле ввода
3. Для чего необходим атрибут loop для тегов audio и video
Данного атрибута для этиъ тегов не существует
Зацикливает вопроизведение аудио и видео на странице
Автоматически запускает аудио- или видеофайл
Улучшает качество аудио или видео на странице
Загружает часть видео или аудио
4. Какое значение для свойства align-content масштабирует элементы, чтобы сетка могла заполнить всю высоту контейнера
grid-end
start
grid-stretch
stretch
flex-start
5. Исключает ли использование семантических элементов добавление обычных тегов div
Только если их заменять
Да
Нет
6. Возможно ли при создании адаптивного сайта задавать в rem отступы между блоками
Да, только если ширина блока задана в процентах
Да, только если блок содержит текст
Да, такое возможно
Да, только если внутри блока отсутствует текст
Нет
7. Дан блок content внутри которого есть три элемента item с произвольным содержимым. Как разделить контент на 3 равные части: grid-template-columns
repeat(3, auto)
3fr
auto-flow
repeat(3, 1fr)
30%
8. Если родительский блок content, внутри которого 3 дочерних элемента item произвольной высоты и ширины. Что произойдет с дочерними элементами item, если родительскому блоку content задать свойство display: flex;
Элементы выстроятся вертикально
Ширина элементов не будет учитываться
Элементы выстроятся горизонтально
Элементы образуют сетку 2*2
Ничего не произойдет
9. Какое свойство может поменять направление главной горизонтальной оси, чтобы элементы выстроились вертикально, как колонки
flex-direction
flexbox
flex-basis
align-self
flex-wrap
10. Как подключить отдельный файл _vars.sass к общему файлу стилей
@include 'vars'
$import 'vars'
@export "vars.sass"
@explode 'vars'
@import 'vars'
11. Каких значений свойства justify-content не существует
space-between
center
space-around
around
flexbox
12. Какой контент можно разместить внутри тега
Прогноз погоды
Меню сайта
Календарь
Пагинация страницы
Шапку сайта
Цитата дня
13. Для создания поля ввода адреса сайта используется формат
type="url"
type="number"
type="email"
type="address"
type="text"
14. Дан общий блок шириной $width-site: 1200px, внутри которого содержатся дочерние элементы item. Необходимо разделить его на 3 равные части, какой синтаксис будет верным
$width-site / 3
$width-site // 3
$width-site/3
$width-site % 3
$width-site&3
15. За что отвечает свойство align-self
Выравнивает все дочерние элементы по вертикали
Выравнивает все дочерние элементы по горизонтали
Отвечает за изначальный размер элементов
Такого свойства не существует
Позволяет выравнивать элементы по отдельности
16. Если для тега video задан атрибут preload="auto", это значит, что
Загрузится только часть видео
Видео не будет загружаться
Видео загрузиться полностью
Данного атрибута не существует для тега video
17. Может ли внутри тега
Да
Нет такого семантического элемента
Только если на странице есть тег
Нет, их обязательно должно быть несколько
18. Можно ли применить transition для нескольких свойств элемента
Да, если записать их через запятую
Данное свойство автоматически применяется ко всем значениям
Нет, применяется только к одному
Да, если использовать значение all
Да, если написать их через пробел
19. Какой синтаксис создания медиазапроса верный
@media screen
$media screen
*media screen
%media {
20. Как правильно создавать примесь(mixin) border-radius в препроцессоре SASS
$border-radius
(mixin)border-radius
@border-radius
=border-radius
+border-radius
21. Возможно ли указать несколько диапазонов медиазапроса
Нет
Да, только для планшетов
Да, если записать их через пробел
Да, если записать их через запятую
Да, с использованием and
22. Каких значений свойства transform не существует
skew
new
rotate
degris
scale
transition
23. Какой синтаксис создания переменной используется в препроцессоре SASS
#width
%width
@width
&width
$width
24. Какое свойство необходимо использовать для объединения ячеек по горизонтали
grid-columns
grid-gap
grid-row
grid-column
grid-rows
25. Для чего необходим атрибут muted для тегов audio и video
Отключает звук аудио- или видеофайла
Загружает часть видео или аудио
Зацикливает воспроизведение аудио или видео на странице
Автоматически запускает аудио- или видеофайл
Данного атрибута не существует для данных тегов
26. Какое свойство необходимо использовать для центрирования контента по горизонтали внутри ячейки сетки
align-self: center;
justify-content: center;
justify-self: center;
justify-items: center;
Горизонтальное центрирование в системе сеток отсутствует
align-items: center;
27. Для чего используется атрибут controls для тега
Добавляет отображение браузерами интерфейса управления
 РАЗРАБОТЧИКОВ ПО СТЕКУ HTML / CSS){kind=link}
0 Комментарии