игра брюс 2048
Главная / Интернет-технологии / Спецификация CSS2 / Тест 7

Спецификация CSS2 - тест 7

Упражнение 1:
Номер 1
В каком случае выделенное "is" будет наследовать цвет элемента-предка?

Ответ:

 (1) <H1>The headline <EM>is</EM> important! </H1>  

 (2) H1 { color: blue }<H1>The headline <EM>is</EM> important! </H1>  

 (3) EM { color:blue }<H1>The headline <EM>is</EM> important! </H1>  


Номер 2
Укажите вычисленное значение свойства 'font-size' элемента H1 в коде:
BODY { font-size: 10pt }
H1 { font-size: 120% }                 

Ответ:

 (1) '12pt'  

 (2) '15pt'  

 (3) '16pt'  

 (4) '120pt'  


Номер 3
Какой цвет будут наследовать потомки элемента BODY в коде:
BODY { color: black; }

Ответ:

 (1) black  

 (2) white  

 (3) green  

 (4) yellow  


Упражнение 2:
Номер 1
Какое значение указывает что для данного элемента свойство принимает то же самое вычисленное значение, что и свойство элемента-предка?

Ответ:

 (1) 'inherit'  

 (2) '@import'  

 (3) 'url'  

 (4) '!important'  


Номер 2
Наследуемое значение, которое как правило используется только как возвращаемое значение, может быть усилено путем явной установки:

Ответ:

 (1) 'transparent'  

 (2) 'projection'  

 (3) 'tv'  

 (4) 'inherit'  


Номер 3
В каком примере, кроме элемента BODY, во всех элементах значение 'color' будет наследоваться, а фон будет прозрачным:

Ответ:

 (1) BODY { color: black !important; background: white !important; } * { color: inherit !important; }  

 (2) BODY { color: black !important; background: white !important; } * { color: inherit !important; background: transparent; }  

 (3) BODY { color: black !important; background: white !important; }  


Упражнение 3:
Номер 1
Какое правило дает пользователям возможность импортировать правила стиля из других таблиц стилей?

Ответ:

 (1) '@import'  

 (2) 'link'  

 (3) 'transperent'  

 (4) '@get'  


Номер 2
Какие строки эквивалентны по значению:

Ответ:

 (1) @import url("mystyle.css");  

 (2) @import "mystyle.css";  

 (3) 'import' "mystyle.css";  

 (4) 'import' url("mystyle.css");  


Номер 3
Какие правила имеют такой же эффект, как если бы импортированная таблица стилей была перенесена в правило @media для того же типа:

Ответ:

 (1) @import url("fineprint.css") print;  

 (2) import url("bluish.css") projection, tv;  

 (3) @import url("bluish.css") projection, tv;  


Упражнение 4:
Номер 1
Все правила пользователя и автора имеют больший вес, чем правила таблицы стилей по умолчанию, если используется правило:

Ответ:

 (1) "!import"  

 (2) "!important"  

 (3) "!transperent"  


Номер 2
Какие объявления переопределяют нормальные объявления:

Ответ:

 (1) "inherit"  

 (2) "@import"  

 (3) "first-line"  

 (4) "!important"  


Номер 3
Какие объявления переопределяют нормальные объявления:

Ответ:

 (1) "base"  

 (2) "@main"  

 (3) "!important"  


Упражнение 5:
Номер 1
Какое свойство CSS создано для звуковых пользовательских агентов?

Ответ:

 (1) 'cue-before'  

 (2) 'sound'  

 (3) 'media'  

 (4) 'multimedia'  


Номер 2
Какое свойство CSS используется и для экрана, и для носителя печати?

Ответ:

 (1) 'display'  

 (2) 'transperent'  

 (3) 'import'  

 (4) 'font-size'  


Номер 3
С помощью каких at-правил можно специфицировать целевой носитель из таблицы стилей:

Ответ:

 (1) @media  

 (2) @import  

 (3) @table  

 (4) @space  


Упражнение 6:
Номер 1
Какой атрибут элемента LINK специфицирует целевой носитель для внешней таблицы стилей?

Ответ:

 (1) "media"  

 (2) "rel"  

 (3) "type"  

 (4) "href"  


Номер 2
Укажите пример корректного описания целевого носителя с помощью at-правил:

Ответ:

 (1) @import url("loudvoice.css") aural;  

 (2) @media print{ ... }  

 (3) import url("loudvoice.css") aural;  

 (4) media print{ ... }  


Номер 3
Укажите пример корректного описания целевого носителя для внешней таблицы стилей:

Ответ:

 (1) <LINK rel="stylesheet" type="text/css" href="foo.css">  

 (2) <LINK rel="stylesheet" type="text/css" media="print, handheld" href="foo.css">  

 (3) <LINK rel="stylesheet" type="text/css">  


Упражнение 7:
Номер 1
Укажите примеры корректного описания целевого носителя:

Ответ:

 (1) <LINK rel="stylesheet" type="text/css" media="print, handheld" href="foo.css">  

 (2) @import url("loudvoice.css") aural;  

 (3) @media print{ ... }  

 (4) import url("loudvoice.css") aural;  


Номер 2
Какие правила специфицирует целевые типы носителя:

Ответ:

 (1) @media print { BODY { font-size: 10pt } }  

 (2) @import url("loudvoice.css") aural;  

 (3) import url("loudvoice.css") aural;  

 (4) <LINK rel="stylesheet" type="text/css" "print, handheld" href="foo.css">  


Номер 3
Какие правила специфицирует целевые типы носителя:

Ответ:

 (1) @media print { BODY { font-size: 10pt } }  

 (2) @media screen { BODY { font-size: 12pt } }  

 (3) <LINK rel="stylesheet" href="foo.css">  


Упражнение 8:
Номер 1
Укажите абсолютные значения:

Ответ:

 (1) 'green'  

 (2) '5mm'  

 (3) '120%'  

 (4) '1px'  


Номер 2
Укажите абсолютные значения:

Ответ:

 (1) 'yellow'  

 (2) 'blue'  

 (3) '120mm'  

 (4) 'auto'  


Номер 3
Укажите абсолютные значения:

Ответ:

 (1) '1mm'  

 (2) 'grey'  

 (3) 'auto'  

 (4) '20mm'  


Упражнение 9:
Номер 1
Для каких вариантов требуются вычисления, чтобы найти их значение?

Ответ:

 (1) 'auto'  

 (2) '10%'  

 (3) '15mm'  

 (4) '20ex'  


Номер 2
Для каких вариантов не требуются вычисления, чтобы найти их значение?

Ответ:

 (1) '10em'  

 (2) 'white'  

 (3) '15cm'  

 (4) 'auto'  


Номер 3
Укажите относительные значения:

Ответ:

 (1) '15px'  

 (2) '50in'  

 (3) '10cm'  

 (4) '3ex'  




Главная / Интернет-технологии / Спецификация CSS2 / Тест 7