Worksheets8. WB General RU
Total questions: 30
Worksheet time: 15mins
Для чего нужен тег
Чтобы задать название странице
Он делает текст БОЛЬШИМ
Это параграф
В нем хранятся служебные данные
Правильный ли порядок тегов?
Да
Нет
Как расшифровывается HTML?
Hyper Text Markup Language
Hero Teenage Mutant Lama
Hyper Thread Mask Language
Hyper Text Transfer Protocol
Какой атрибут позволяет изменять ширину изображения?
width
size
height
title
Какой атрибут тега input определяет его тип?
type
name
placeholder
text
С помощью какого значения аргумента type можно создать кнопку отправки формы?
submit
send
search
form
С помощью какого тега можно подключить внешние таблицы стилей?
link
style
css
script
Какой верхний внутренний отступ будет у блока, если применить к нему такое CSS правило: padding: 10px 20px 5px 15px;
10px
20px
5px
15px
Какое значение свойства position поможет зафиксировать положение элемента независимо от прокрутки страницы?
fixed
relative
absolute
static
Какой будет нижний внутренний отступ у блока, если применить к нему такое CSS правило: padding: 50px 100px;
50px
100px
0px
150px
Какой тег лучше выбрать для шапки сайта?
header
head
div
nav
Как называется изображенная часть сайта?
Меню (Menu)
Шапка (Header)
Основной контент (Main content)
Подвал (Footer)
Что делает свойство margin в CSS?
Устанавливает внешний отступ для элемента
Устанавливает внутренний отступ для контента внутри элемента
Устанавливает округлость углов для границы элемента
Изменяет размер шрифта в элементе
Что делает свойство padding в CSS?
Устанавливает внутренний отступ для контента внутри элемента
Устанавливает внешний отступ для элемента
Устанавливает округлость углов для границы элемента
Изменяет размер шрифта в элементе
Какой псевдокласс может зафиксировать наведение на элемент?
Псевдокласс :hover
Псевдокласс :visited
Псевдокласс :focus
Псевдокласс :cursor
Как сделать элемент flex-контейнером?
display: flex;
flex: 1;
flex-direction: row;
align-item: flex;
С какой осью работает свойство align-items?
С вспомогательной
С главной
Как изменить направление главной оси?
С помощью свойства flex-direction
Изменить display: flex на display: flex-reverse;
align-items: flex-start;
justify-content: flex-start;
Какой стиль применен к элементу 1?
align-self: center;
align-self: baseline;
align-self: stretch;
justify-content: center;
Какое значение свойства justify-content продемонстрировано на картинке?
space-between
center
space-around
flex-start
Какой порядок элементов будет в flex-контейнере?
block2 block1 block3
block1 block2 block3
block3 block1 block2
block2 block3 block1
С помощью какого CSS правила можно создать Grid-контейнер?
display: grid;
display: flex;
grid: block;
grid-tempate: 1fr;
С помощью какого CSS свойства выстраиваются колонки в Grid-контейнере?
grid-template-columns
grid-columns
grid-rows
grid-template-rows
Как обозначается относительная единица размера, которая используется только в Grid?
fr
em
%
rem
Сколько колонок займет .item9?
2
3
1
Какое CSS правило применено к 1 элементу сетки?
grid-column: 1 / 4;
grid-column: 1 / 2;
grid-column: 1 / 3;
grid-column: 1 / 5;
Что делает функция minmax()?
Указывает минимальную и максимальную ширину, которую может занять трек.
Выбирает минимальное значение из двух вариантов
Выбирает максимальное значение из двух вариантов
Задает два варианта ширины трека
Сколько колонок создаст такое правило - grid-template-columns: repeat(auto-fill, 150px); ?
Количество столбцов будет зависеть от ширины окна браузера
1
Не будет создано колонок, потому что не указано количество
бесконечность
