Тест HTML/CSS

Дифференцированный зачет по практическим работам студента. Время на тест — 20 минут. ВАЖНО! Для заданий 15–17 используйте слова: grid-template-columns, flex-direction, @media, position, @keyframes, animation, viewport, transform, background-size, nth-child.

AAEliseeva1995
Вопросов: 19
1

Укажите ФИО и группу

Открытый вопрос
2

Дан фрагмент HTML-документа. На какой строке подключается внешний файл стилей?

  • 1

  • 2

  • 4

  • 5

3

Правило *{ margin: 0; padding: 0; box-sizing: border-box; } — это стиль:

  • селектора класса

  • универсального селектора

  • селектора тега

  • селектора идентификатора

4

Дан фрагмент CSS. Что делает свойство из строки 2?

  • создает три столбца, средний в два раза шире крайних

  • создает один столбец шириной 1fr 2fr 1fr

  • задает три строки

  • отключает сетку

5

Дан фрагмент CSS. Зачем родительскому блоку задано position: relative?

  • чтобы карточка не двигалась при прокрутке

  • чтобы абсолютно позиционированный элемент .desc отсчитывался от карточки, а не от страницы

  • чтобы сработало свойство transition

  • лишнее свойство, absolute работает и без него

6

Дан фрагмент CSS. Что задает свойство из строки 4?

  • расстояние между flex-элементами

  • внешние отступы контейнера

  • внутренний отступ контейнера

  • толщину рамки

7

Какая функция поворачивает блок вокруг вертикальной оси?

  • rotate()

  • translate()

  • rotateY()

  • skew()

8

Какие теги из перечисленных являются структурными тегами HTML5:

  • <header>

  • <div>

  • <span>

9

Какое свойство используются для настройки фона:

  • background-image

  • color

  • width

  • margin

10

Какое свойство относится к flex-контейнеру:

  • display: grid

  • align-items

  • grid-template-columns

  • justify-self

11

Какой элемент управления форм существует в HTML:

  • input type="text"

  • border-collapse

  • text-align

  • display

12

Свойство border-collapse: collapse заставляет рамки соседних ячеек таблицы слиться в общие.

  • Верно

  • Неверно

13

Свойство padding задает внешний отступ элемента, а margin — внутренний.

  • Верно

  • Неверно

14

list-style: none убирает маркеры у списка.

  • Верно

  • Неверно

15

Тег <img> по умолчанию является блочным элементом, поэтому картинки всегда занимают всю ширину.

  • Верно

  • Неверно

16

Вставьте пропущенное слово. Контейнеру задано display: flex. Направление главной оси flex-контейнера меняет свойство ______.

Открытый вопрос
17

Вставьте пропущенное слово. Для анимации сначала задается правило ______ myAnim { from { ... } to { ... } }, а затем свойство ______ подключает его к элементу.

Открытый вопрос
18

Вставьте пропущенное слово. Адаптивность реализована через правило ______: стили внутри него применяются при определенной ширине экрана.

Открытый вопрос
19

HTML. Найдите строку с ошибкой и запишите ее номер.

Открытый вопрос