Тесты

Категория - CSS

Уровень сложности - Минимальный

№1 Что устанавливает свойство background-attachment?

1. Будет ли фоновое изображение прокручиваемым

2. Будет ли фоновое изображение повторяться

3. Устанавливает как будет обрезано фоновое изображение

№2 Каким свойством устанавливается насыщенность (жирность) шрифта?

1. font-style

2. font-weight

3. font-size

№3 Назначение свойства text-indent?

1. Устанавливает расстояние между буквами

2. Устанавливает расстояние между словами

3. Задаёт отступ «красной строки»

№4 С помощью какого свойства можно изменить регистр букв в слове?

1. text-transform

2. text-overflow

3. text-decoration

№5 В каком из ответов создаётся зачеркнутый текст?

1. text-overflow: ellipsis

2. text-transform: capitalize

3. text-decoration: line-through

№6 Каким свойством задаётся ширина (толщина) границ элемента?

1. border-width

2. width

3. line-width

№7 Какое влияние на элемент окажет добавление border-style: dashed?

1. Граница элемента отобразится линией из точек

2. Граница элемента отобразится пунктирной линией

3. Никакого, так как такого значения не существует

№8 Какое описание соответствует назначению элемента :last-child?

1. Определяет стиль последнего дочернего элемента родителя

2. Определяет стиль первого дочернего элемента родителя

3. Определяет стиль нечётных дочерних элементов родителя

№9 Укажите верный ответ применения правила div > p { color: red; } ... <div> <p>Параграф1</p> </div> <p>Параграф2</p>

1. Текст Параграф1 и Параграф2 будет красного цвета

2. Фон текста Параграф1 и Параграф2 будет красного цвета

3. Текст Параграф1 будет красного цвета

№10 Назначение псевдокласса :disabled?

1. Отключает элемент

2. Применяет стиль к элементу, когда тот находится в отключенном состоянии

3. Делает элемент невидимым

№11 Укажите верный ответ применения стиля p + span { color: red; } ... <div> <span>span1</span> <p>paragraph1</p> <span>span2</span> <p>paragraph2</p> </div>

1. Текст span1 и span2 будет красного цвета

2. Текст paragraph2 будет красного цвета

3. Текст span2 будет красного цвета

№12 Укажите верный синтаксис определения правила.

1. div { color: red; }

2. div = [ color=>red ]

3. div { var color = red; }

№13 Укажите верный способ включения стиля на страницу.

1. <head> <link href="style/colors.css" rel="stylesheet" type="text/css"> </head>

2. <div style="color: red"></div>

3. <head> <style> div { color: red; } </style> </head>

№14 Назначение свойства background-clip?

1. Определяет как фоновое изображение или цвет фона будут выводиться под границами блока

2. Определяет как фоновое изображение будет подстраиваться (растягиваться, сжиматься, повторяться) под размеры блока

3. Определяет количество повторений фонового изображения, которое полностью не заполнило размеры блока

№15 Назначение свойства list-style-type?

1. Определяет будет ли списочный элемент, например <ol>, являться блочным или встраиваемым типом

2. Определяет стиль маркера списочного элемента

3. Свойства не существует

№16 Что означает свойство overflow-x?

1. Выравнивание по горизонтали (по оси х)

2. Задаёт поведение блока, когда содержимое не помещается в его размеры

3. Предназначен для изменения алгоритма расчёта ширины элемента

№17 Допустимые значения свойства display?

1. block

2. table

3. flex

№18 Укажите верный ответ применения правила p ~ span { color: red; } ... <div> <span>span1</span> <p>Параграф1</p> <span>span2</span> <p> <span>span3</span> </p> </div>

1. Красным текстом отобразится span2 и span3

2. Красным текстом отобразится span1

3. Красным текстом отобразится span2

№19 Стиль какого элемента определяет псевдокласс :only-child?

1. Применяется только к дочерним элементам родителя первого уровня вложенности

2. Применяется к дочернему элементу, если он единственный у родителя

3. Применяется к родительскому элементу, имеющему хотя бы одно потомка

№20 Назначение свойства width?

1. Устанавливает ширину элемента

2. Выравнивает элемент по ширине

3. Устанавливает высоту элемента

Правильные ответы

Вопросы	Ответы
1	1
2	2
3	3
4	1
5	3
6	1
7	2
8	1
9	3
10	2
11	3
12	1
13	1, 2, 3
14	1
15	2
16	2
17	1, 2, 3
18	3
19	2
20	1