Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Викторина по CSS Grid

Total questions: 19

Worksheet time: 10mins

Name
Class
Date
1.

Что такое CSS Grid Layout?

a)

Фреймворк для создания приложений

b)

Технология для раскладки элементов на веб-страницах

c)

Язык программирования

d)

Система управления базами данных

2.

Какой единицей измерения можно задать размеры гридов?

a)

Гигабайты

b)

Мегабайты

c)

Килобайты

d)

Пиксели

3.

Что такое грид-контейнер?

a)

Родительский элемент с display: grid

b)

Дочерний элемент грид-контейнера

c)

Свойство CSS для выравнивания

d)

Тип графического элемента

4.

Как можно управлять выравниванием элементов в гриде?

a)

С помощью JavaScript

b)

С помощью механизма выравнивания

c)

С помощью HTML

d)

С помощью CSS Flexbox

5.

Что такое грид-ячейка?

a)

Свойство для управления цветом

b)

Тип элемента в HTML

c)

Свойство для задания шрифта

d)

Наименьшая часть на гриде

6.

Как можно создать грид с фиксированными размерами?

a)

Используя пиксели

b)

Используя проценты

c)

Используя em

d)

Используя rem

7.

Что такое грид-область?

a)

Свойство для задания отступов

b)

Область, ограниченная четырьмя грид-линиями

c)

Тип элемента в CSS

d)

Свойство для задания фона

8.

Как можно задать размеры треков в гриде?

a)

С помощью flex-direction

b)

С помощью display и position

c)

С помощью grid-template-columns и grid-template-rows

d)

С помощью margin и padding

9.

Что делает функция minmax() в гриде?

a)

Определяет шрифт текста

b)

Создает анимацию

c)

Задает минимальный и максимальный размер трека

d)

Управляет цветом элементов

10.

Как можно создать промежутки между грид-ячейками?

a)

С помощью padding

b)

С помощью margin

c)

С помощью border

d)

С помощью grid-column-gap и grid-row-gap

11.

Что такое грид-трек?

a)

Свойство для задания шрифта

b)

Промежуток между двумя линиями грида

c)

Тип элемента в HTML

d)

Свойство для задания цвета

12.

Как можно задать размеры неявного грида?

a)

С помощью grid-auto-rows и grid-auto-columns

b)

С помощью display

c)

С помощью position

d)

С помощью flex

13.

Что такое грид-линия?

a)

Свойство для задания отступов

b)

Свойство для задания фона

c)

Тип элемента в CSS

d)

Разделительная линия, формирующая структуру грида

14.

Как можно разместить элемент на гриде?

a)

С помощью display

b)

С помощью grid-column-start и grid-row-start

c)

С помощью margin

d)

С помощью padding

15.

Что такое repeat() в контексте гридов?

a)

Тип элемента в HTML

b)

Нотация для повторения структуры треков

c)

Свойство для задания цвета

d)

Свойство для задания шрифта

16.

Какой элемент может быть грид-контейнером?

a)

Только p

b)

Только span

c)

Только div

d)

Грид-элемент

17.

Что происходит, если размещать элементы вне рамок определённого грида?

a)

Элементы не отображаются

b)

Элементы игнорируются

c)

Грид создаёт неявный грид

d)

Элементы отображаются в одном ряду

18.

Как можно смешать гибкие и фиксированные размеры в гриде?

a)

Используя только пиксели

b)

Используя только проценты

c)

Используя только em

d)

Используя разные единицы измерения

19.

Что такое вложенный грид?

a)

Свойство для задания фона

b)

Тип элемента в HTML

c)

Элемент без стилей

d)

Грид-элемент, который сам является грид-контейнером