Введение в стандарты Web

Упражнение 1:

Номер 1

В чем заключается механизм наследования в CSS?

Ответ:

(1) в том, что определенные свойства передаются от элемента предка его элементам потомкам

(2) в том, что определенные свойства передаются от элемента потомка его элементам предкам

(3) в том, что конфликтующие правила переопределяют друг друга

Номер 2

Отметьте неверные утверждения:

Ответ:

(1) все свойства CSS наследуются

(2) поля в CSS не наследуются

(3) при наследовании в CSS определенные свойства передаются от элемента предка его элементам потомкам

Номер 3

Отметьте верные утверждения:

Ответ:

(1) поля в CSS не наследуются

(2) цвет фона в CSS не наследуется

(3) все свойства CSS наследуются

Упражнение 2:

Номер 1

Какие элементы в документе HTML наследуют все наследуемые свойства своего предка?

Ответ:

(1) все элементы

(2) все элементы, кроме корневого элемента (html)

(3) никакие

Номер 2

Какой элемент называется непосредственным предком?

Ответ:

(1) элемент, стоящий в дереве документа одним или несколькими уровнями выше, чем исходный элемент

(2) элемент, стоящий ровно на один уровень выше в дереве, чем исходный элемент

(3) элемент, стоящий на уровень ниже в дереве элементов, чем исходный элемент

Номер 3

Для чего предназначено принудительное наследование?

Ответ:

(1) для постоянного использования

(2) для "отмены" объявления в конфликтующем правиле

(3) для избегания жесткого кодирования некоторых значений

Упражнение 3:

Номер 1

Укажите основные концепции, которые управляют порядком применения объявления CSS:

Ответ:

(1) важность

(2) непротиворечивость

(3) cпецифичность

(4) порядок исходного кода

Номер 2

От чего зависит результат, если два объявления имеют одинаковую важность?

Ответ:

(1) от важности

(2) от cпецифичности

(3) от порядка исходного кода

Номер 3

От чего зависит результат, если правила имеют одинаковую важность и одинаковую специфичность?

Ответ:

(1) от важности

(2) от cпецифичности

(3) от порядка исходного кода

Упражнение 4:

Номер 1

В каком порядке применяются конфликтующие объявления?

Ответ:

(1) более поздние объявления переопределяют предыдущие

(2) более ранние объявления переопределяют последующие

(3) порядок применения неопределен

Номер 2

Какая таблица является встроенной таблицей стилей браузера?

Ответ:

(1) таблица стилей агента пользователя

(2) таблица стилей пользователя

(3) таблица стилей автора

Номер 3

Таблица стилей, которую дизайнер сайта написал и присоединил - это:

Ответ:

(1) таблица стилей агента пользователя

(2) таблица стилей пользователя

(3) таблица стилей автора

Упражнение 5:

Номер 1

За какими объявлениями следует директива !important?

Ответ:

(1) за обычными

(2) за важными

(3) в CSS такая директива не используется

Номер 2

Какая таблица имеет наименьший приоритет?

Ответ:

(1) таблица стилей агента пользователя

(2) таблица стилей пользователя

(3) таблица стилей автора

Номер 3

Таблица стилей пользователя:

Ответ:

(1) определяется пользователем

(2) поддерживается всеми браузерами

(3) является встроенной таблицей стилей браузера

Упражнение 6:

Номер 1

Что такое низкая специфичность селектора?

Ответ:

(1) соответствие селектора многим элементам

(2) соответствие селектора только одному элементу

(3) несоответствие селектора ни одном элементу

Номер 2

Какова специфичность селектора *?

Ответ:

(1) низкая

(2) высокая

(3) может быть как низкой, так и высокой

Номер 3

Что такое высокая специфичность селектора?

Ответ:

(1) соответствие селектора многим элементам

(2) соответствие селектора только одному элементу

(3) несоответствие селектора ни одном элементу

Упражнение 7:

Номер 1

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

Ответ:

(1) объявление с наиболее специфичным селектором

(2) объявление с наиименее специфичным селектором

(3) невозможно определить

Номер 2

Окончательное решение определяется порядком исходного кода, если:

Ответ:

(1) два объявления влияют на один и тот же элемент

(2) два объявления имеют одинаковую важность

(3) два объявления влияют на один и тот же элемент, имеют одинаковую важность и одинаковую специфичность

Номер 3

Какое объявление имеет более высокий приоритет?

Ответ:

(1) объявленное в таблицах стилей раньше

(2) объявленное в таблицах стилей позже

(3) никакое, все объявления имеют одинаковый приоритет

Упражнение 8:

Номер 1

Конфликтующие объявления могут возникать:

Ответ:

(1) только в единственной внешней таблице стилей

(2) только в различных таблицах стилей

(3) в единственной внешней таблице стилей или в различных таблицах стилей

Номер 2

Какой селектор имеет меньшую специфичность?

Ответ:

(1) *

(2) #special

(3) указанные селекторы имеют одинаковую специфичность

Номер 3

Какой селектор имеет большую специфичность?

Ответ:

(1) *

(2) #special

(3) указанные селекторы имеют одинаковую специфичность

Упражнение 9:

Номер 1

Что обозначает ключевое слово inherit?

Ответ:

(1) наследование по умолчанию

(2) принудительное наследование

(3) указанное ключевое слово в CSS не используется

Номер 2

Какие из перечисленных свойств не наследуются?

Ответ:

(1) color

(2) background-color

(3) width

Номер 3

Какие из перечисленных свойств наследуются?

Ответ:

(1) color

(2) background-color

(3) width

(4) margin

Упражнение 10:

Номер 1

Имеются внешние таблицы стилей:
        Style1.css: 
        P { color: red }
        и
        Style2.css: 
        P { color: blue }.
        Каким будет результат подключения этих таблиц в указанной последовательности?
        
<LINK href ="style1.css" rel="stylesheet" type="text/css">
<LINK href ="style2.css" rel="stylesheet" type="text/css">

Ответ:

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) в качестве цвета текста в абзацах будет выбран цвет по умолчанию

Номер 2

Имеются внешние таблицы стилей:
        Style1.css: 
        P { color: red }
        и
        Style2.css: 
        P { color: blue }.
        Каким будет результат подключения этих таблиц в указанной последовательности?
        
<LINK href ="style2.css" rel="stylesheet" type="text/css">
<LINK href ="style1.css" rel="stylesheet" type="text/css">

Ответ:

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) в качестве цвета текста в абзацах будет выбран цвет по умолчанию

Номер 3

Имеются внешние таблицы стилей:
        Style1.css: 
        P { color: red }
        Style2.css: 
        P { color: green !important }
        Style3.css: 
        P { color: blue }.
        Каким будет результат подключения этих таблиц в указанной последовательности?
        
<LINK href="stylel.css" rel="stylesheet" type="text/css">
<LINK href="style2.css" rel="stylesheet" type="text/css">
<LINK href="style3.css" rel="stylesheet" type="text/css">

Ответ:

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) цвет текста в абзацах будет зеленым

Упражнение 11:

Номер 1

Каков будет результат применения указанного правила?
        
<STYLE>
Р{ color: red } 
Р{ color: green ! important }
P{ color: blue }
</STYLE>

Ответ:

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) цвет текста в абзацах будет зеленым

Номер 2

Каков будет результат применения указанного правила?
        
<STYLE>
Р{ color: red } 
Р{ color: green }
P{ color: blue }
</STYLE>

Ответ:

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) цвет текста в абзацах будет зеленым

Номер 3

Каков будет результат применения правила?
        
<STYLE>
Р{ color: green }
Р{ color: red } 
</STYLE>

Ответ:

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) цвет текста в абзацах будет зеленым

Упражнение 12:

Номер 1

Сколько типов элементов содержится в селекторе html>head+body ul#nav *.home a:link?

Ответ:

(1) 0

(2) 1

(3) 2

(4) 5

Номер 2

Сколько псевдо-классов содержится в селекторе html>head+body ul#nav *.home a:link?

Ответ:

(1) 0

(2) 1

(3) 2

(4) 5

Номер 3

Какие символы/селекторы влияют на специфичность?

Ответ:

(1) >

(2) +

(3) #

(4) *

Введение в стандарты Web - тест 28