Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Верстка 04.05

Total questions: 26

Worksheet time: 16mins

Name
Class
Date
1.

За что отвечает тег section?

a)

Тег section отвечает за создание разделов на сайте

b)

Тег section предназначен для вставки изображений на сайте

c)
Тег section отвечает за стилизацию текста.
d)

Тег section используется для создания основной части сайта, которая может изменяться

2.

Какое свойство CSS используется удаление точек у списков?

a)
list-style: hidden;
b)
list-type: none;
c)
display: none;
d)

list-style: none;

3.

Какой тип позиционирования используется по умолчанию для HTML-элементов?

(a)  

4.

Какое свойство CSS используется для добавления внешних отступов элемента?

a)
padding
b)
outline
c)
border
d)
margin
5.

Что делает свойство box-sizing: border-box?

a)
Свойство box-sizing: content-box исключает границы из расчета ширины и высоты.
b)

увеличивает размеры элемента на величину границ.

c)

устанавливает фиксированную ширину и высоту элемента.

d)

включает в расчет ширины и высоты элемента его содержимое, внутренние отступы и границы.

6.

Какое значение свойства display полностью скрывает элемент и не оставляет место под него в макете?

a)
flex
b)
inline
c)
block
d)
none
7.

Какой селектор CSS выбирает вложенные элементы (все p, которые находятся внутри блока div)

a)
p > div
b)
div p
c)
div > p
d)
div + p
8.

Что такое псевдоклассы?

a)

это специальные классы в HTML.

b)

это элементы, которые нельзя стилизовать.

c)

это функции в JavaScript для обработки событий.

d)

это селекторы в CSS, которые выбирают элементы по их состоянию или положению.

9.

Что такое псевдоэлементы?

a)

это классы в JavaScript для работы с элементами.

b)

это специальные селекторы в CSS, позволяющие создавать и стилизовать части элементов.

c)

это атрибуты, которые добавляются к элементам в CSS.

d)

это ключевое слово, добавляемое к селектору в CSS для определения определённого состояния элемента.

10.

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

(a)  

11.

Как изменить размер шрифта в CSS?

a)

Используйте свойство font-size в CSS.

b)

Измените размер шрифта с помощью text-size в HTML.

c)

Примените font-style для изменения размера шрифта.

12.

Как вызывать перемененную в CSS?

a)
Вызывайте переменные через call(--имя_переменной) в CSS.
b)
Используйте var(--имя_переменной) для вызова переменной в CSS.
c)
Применяйте переменные с помощью set(--имя_переменной) в CSS.
d)
Используйте get(--имя_переменной) для вызова переменной в CSS.
13.

Какой атрибут тега <img> необходим для указания пути к изображению?

a)
src
b)
title
c)
alt
d)
href
14.

Что делает flex-wrap?

a)
Flex-wrap удаляет элементы из flex-контейнера.
b)
Flex-wrap увеличивает размер flex-контейнера.
c)
Flex-wrap позволяет элементам внутри flex-контейнера переноситься на новую строку.
d)
Flex-wrap изменяет порядок элементов в flex-контейнере.
15.

Что делает flex-direction?

a)

flex-direction управляет направлением расположения flex-элементов. Изменяет положение осей

b)
flex-direction изменяет размер flex-элементов.
c)
flex-direction определяет порядок отображения элементов на странице.
d)
flex-direction управляет цветом flex-элементов.
16.

Зачем нужен файл basic.css?

a)

Основные стили сайта

b)

Стили для шапки страницы

c)

Подключение внешних файлов сайта

d)

Описание структуры сайта, основные теги и секции

17.

Что такое переменные в CSS?

a)
Переменные в CSS - это элементы HTML.
b)
Переменные в CSS - это только цвета.
c)
Переменные в CSS - это способ хранения значений для повторного использования в стилях.
d)
Переменные в CSS - это функции для анимации.
18.

Что такое Frontend-разработка?

a)

Frontend-разработка — это процесс создания клиентской части веб-приложений (то что видит пользователь).

b)
Frontend-разработка — это разработка мобильных приложений.
c)
Frontend-разработка — это процесс управления базами данных.
d)

Frontend-разработка — это создание серверной части веб-приложений (обработка данных пользователей).

19.

За что отвечает язык HTML?

a)
HTML используется для создания серверных скриптов.
b)

HTML отвечает за структуру веб-страниц.

c)
HTML управляет базами данных.
d)
HTML отвечает за стилизацию веб-страниц.
20.

За что отвечает CSS?

a)
CSS отвечает за программирование серверной части.
b)
CSS используется для создания баз данных.
c)
CSS управляет логикой приложения.
d)
CSS отвечает за оформление веб-страниц.
21.

Для подключения файла CSS в HTML-документе используется тег

(a)  

22.

Какое свойство CSS используется для создания закругленных углов у элемента?

(a)  

23.

Какой CSS-селектор выбирает все элементы <p>, которые являются первыми дочерними элементами своего родителя?

a)
p:first-child
b)
p:only-child
c)

p:nth-child(-1)

d)
p:last-child
24.

Какое свойство CSS используется для задания фонового изображения элемента?

a)
background-position
b)
background-image
c)
background-repeat
d)
background-color
25.

Какое свойство CSS используется для изменения размера шрифта?

(a)  

26.

Что делает @media?

a)
@media используется только для печатных стилей.
b)
@media позволяет адаптировать стили для различных устройств и экранов.
c)
@media изменяет содержимое HTML страницы.
d)
@media не влияет на отображение на мобильных устройствах.