wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Относительные единицы и переходы в CSS

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

Что такое относительные единицы длины в CSS?

a)

Относительные единицы длины в CSS - это фиксированные единицы, такие как px и pt.

b)

Относительные единицы длины в CSS - это единицы, которые не зависят от других значений.

c)

Относительные единицы длины в CSS - это только единицы, используемые для шрифтов.

d)

Относительные единицы длины в CSS - это единицы, которые зависят от других значений, например, em, rem, %, vw и vh.

2.

Приведите примеры относительных единиц длины.

a)

пиксель (px), em, rem, проценты (%)

b)

миллиметр (mm)

c)

сантиметр (cm)

d)

дюйм (in)

3.

Каковы основные относительные единицы шрифта в CSS?

a)

px, pt, cm

b)

em, rem, %, vw

c)

dp, sp, mm

d)

vh, ch, in

4.

Как использовать единицу 'em' в CSS?

a)

'em' не поддерживается в CSS и вызывает ошибки.

b)

Используйте 'em' для задания отступов в пикселях.

c)

Используйте 'em' только для задания цвета текста.

d)

Используйте 'em' для задания размеров, например: font-size: 2em; для увеличения шрифта в 2 раза относительно родителя.

5.

Что такое свойство transition в CSS?

a)

Свойство transition в CSS используется для создания плавных переходов между состояниями элементов.

b)

Свойство transition в CSS отвечает за изменение цвета текста.

c)

Свойство transition используется для задания размеров элементов.

d)

Свойство transition в CSS применяется только к изображениям.

6.

Какое значение может принимать свойство transition-duration?

a)

Строка с текстом

b)

Время в минутах (m)

c)

Процентное значение (%)

d)

Время в секундах (s) или миллисекундах (ms)

7.

Как задать длительность перехода в CSS?

a)

transition: all 0.5s;

b)

transition-duration: 0.5s;

c)

transition-effect: smooth;

d)

animation: fade 0.5s;

8.

Что такое transition-timing-function?

a)

Transition-timing-function - это свойство CSS, определяющее скорость изменения анимации.

b)

Transition-timing-function - это свойство HTML, определяющее цвет текста.

c)

Transition-timing-function - это функция, используемая для обработки событий в CSS.

d)

Transition-timing-function - это метод создания графиков в JavaScript.

9.

Приведите примеры значений для transition-timing-function.

a)

slide

b)

['ease', 'linear', 'ease-in', 'ease-out', 'ease-in-out']

c)

fade

d)

bounce

10.

Какое значение по умолчанию у transition-timing-function?

a)

ease

b)

cubic-bezier

c)

linear

d)

step

11.

Что делает свойство transition-delay?

a)

Устанавливает скорость перехода.

b)

Задает время задержки перед началом перехода.

c)

Задает направление перехода.

d)

Определяет цвет перехода.

12.

Как задать задержку перехода в CSS?

a)

transition-delay: 2s;

b)

transition-time: 2s;

c)

delay-transition: 2s;

d)

transition-duration: 2s;

13.

Какое значение может принимать transition-delay?

a)

Время в секундах или миллисекундах, например, '0s', '1s', '500ms'.

b)

2000ms

c)

5minutes

d)

10s

14.

Как можно комбинировать несколько свойств transition в CSS?

a)

transition: property1 duration1;

b)

transition: property1, property2;

c)

transition: property1 duration1 timing-function1, property2 duration2 timing-function2;

d)

transition: all;

15.

Как относительные единицы влияют на адаптивный дизайн?

a)

Относительные единицы обеспечивают гибкость и адаптивность элементов дизайна.

b)

Относительные единицы не влияют на адаптивность элементов.

c)

Относительные единицы уменьшают гибкость дизайна.

d)

Относительные единицы используются только для текстового контента.