Главная / Интернет-технологии /
Спецификация 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'