wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Селекторы

Total questions: 29

Worksheet time: 24mins

Name
Class
Date
1.

Выберете верный синтаксис селектора класса

a)

.имя {свойство: значение}

b)

#имя {свойство: значение}

c)

имя {свойство: значение}

d)

имя свойство: значение

2.

Выберете, какие бывают селекторы?

a)

Селекторы типа

b)

Селекторы класса

c)

ID селекторы

d)

Селекторы тега

3.

При перечислении любых селекторов необходимо обязательно разделять их запятой, позднее вы поймете почему. Введите, какие это селекторы

(a)  

4.

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

a)

@

b)

!

c)

*

d)

+

5.

Введите символ универсального селектора

(a)  

6.

.test { text-align: center; }.

Что такое "center" в структуре css?

(a)  

7.

<h2 id = "test">Обычный заголовок второго уровня</h2>

.test { background-color: #0F0;}

Верна ли строка css в этом случае?

a)

Да

b)

Нет

c)

50/50

8.

У какого типа стилей самый высокий (максимальный) приоритет?

a)

Селектор типа, псевдоэлементы

b)

Селектор класса, псевдоклассы

c)

Id селектор

d)

Встроенный стиль

9.

Значение ключевого слова !important

a)

Отмена значимости стилей

b)

Изменение цвета на базовый

c)

Меняет шрифт на курсивный

d)

Сброс всех стилей до базовых

10.

<html> выступает ... всех остальных элементов, из него выходят такие элементы как <head> и <body>:

(a)  

11.

... связан с другими элементами более низкого уровня и находится на один уровень выше их.

a)

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

b)

Элемент одного уровня

c)

Сестринский элемент

d)

Дочерний элемент

12.

Являются ли сестринскими элементы <h2> и <title>?

a)

Да

b)

Нет

c)

50/50

13.

Введите правильные символы в данное выражение между :

селектор_псевдоэлемент {CSS свойство: значение;}

(a)  

14.

Этот псевдоэлемент позволяет стилизовать первую строку абзаца, которая будет отличаться от основного текста

a)

::first-letter

b)

::first-line

c)

::selection

d)

:link

15.

Псевдоэлемент ::before используется вместе со свойством ..., которое необходимо для вставки сгенерированного контента.

a)

content

b)

color

c)

width

d)

alt

16.

Выберете псевдоклассы

a)

link

b)

after

c)

hover

d)

focus

17.

Этот псевдокласс задаёт стиль всем ссылкам, по которым пользователь не произвёл переход

(a)  

18.

Псевдокласс используется для выбора активного элемента - элемента на который в данный момент пользователь кликнул мышкой.

a)

active

b)

visited

c)

hover

d)

link

19.

Действие какого псевдокласса изображено?

(a)  

20.

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

a)

выбор элементов, которые в настоящий момент находятся в фокусе

b)

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

c)

задаёт стиль всем ссылкам, по которым пользователь производил переход

d)

используется для выбора активного элемента

21.

селектор:__ {CSS свойство: значение;}

Выберете пропущенное слово

a)

псевдокласс

b)

псевдоэлемент

c)

потомок

d)

значение

22.

Псевдоэлемент позволяет добавлять тень к тексту, управлять цветом фона и цветом текста, выделенного пользователем

(a)  

23.

Это правила, по которым определяется какие стилевые свойства задаются браузером элементам на странице (последовательность применения стилей к определённым элементам и разрешение при необходимости, возникающих конфликтов).

a)

Каскадность

b)

Стили

c)

Конфликт

d)

Наследование

24.

Выберете правильную приоритетность

a)

Селектор типа, псевдоэлементы -

Селектор класса, псевдоклассы —

Id селектор —

Встроенный стиль

b)

Встроенный стиль - Селектор класса, псевдоклассы - Селектор типа, псевдоэлементы - Id селектор

c)

Селектор типа, псевдоэлементы - Id селектор - Селектор класса, псевдоклассы - Встроенный стиль

d)

Селектор типа, псевдоэлементы - Встроенный стиль - Селектор класса, псевдоклассы —

Id селектор

25.

ul li a {блок объявлений}

Возможно ли такое обращение к ссылкам в списке?

a)

Да

b)

Нет

c)

50/50

26.

С помощью каких псевдоэлементов можно отобразить контент до и после элемента?

a)

first-child, last-child

b)

before, after

c)

hover,active

d)

first-line, first-letter

27.

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

a)

:first-line

b)

:first-letter

c)

before

d)

:link

28.

<div class = "top-card">

<p class = "phone">88005553535</p>

top-card p {text-align: center; }

Верно ли написан CSS код?

a)

Да

b)

Нет

c)

50/50

29.

p:: (a)   {content: "Ответ: "; }

Какой псевдоэлемент пропущен, если текст появился перед <p>?