Главная /
Программирование /
CSS 1.0
CSS 1.0 - ответы на тесты Интуит
Правильные ответы выделены зелёным цветом.
Все ответы: Целью тестирования является определение уровня знаний дизайнеров web-страниц в области каскадных таблиц стилей (Cascade Style Sheets).
Все ответы: Целью тестирования является определение уровня знаний дизайнеров web-страниц в области каскадных таблиц стилей (Cascade Style Sheets).
Смотрите также:
С помощью какого элемента можно сослаться на внешнюю таблицу стилей?
(1)
<UL>
(2)
<TABLE>
(3)
<LINK>
Каким свойствам шрифта присваивает новые значения данная декларация:
H1 { font: bold 12pt/14pt Helvetica }
(1)
'font-family'
(2)
'font-style'
(3)
'font-size-adjust'
Что является селектором в примере
P { font-size:10pt }?
(1)
P
(2)
'font-size'
(3)
10pt
(4)
{ font-size:10pt }
Что является объявлением в правиле
"H1 { color: brown }"?
(1)
H1
(2)
'color'
(3)
color: brown
Что является свойством объявления в примере
H1 { color: grey } ?
(1)
H1
(2)
{ color: grey }
(3)
color
Что является значением объявления в правиле
"H2 { font-weight: oblique }"?
(1)
H2 { font-weight: oblique }
(2)
'font-weight'
(3)
'oblique'
Укажите правильный вариант размещения таблицы стилей в документе:
(1)
<STYLE type="text/css">
H1 { color: blue }
</STYLE>
(2)
<STYLE type="text/css">
P { color: blue }
</STYLE>
(3)
<STYLE type="text/css">
I { color: blue }
</STYLE>
Укажите атрибуты тэга LINK, которые используются для ссылки на внешнюю таблицу стилей:
(1)
"stylesheet"
(2)
"href"
(3)
"text/html"
Укажите пример корректного подключения внешней таблицы стилей:
(1)
<LINK rel="stylesheet" href="one.css" type="text/css">
(2)
<LINK rel="stylesheet" type="text/css">
(3)
<LINK href="first.css" type="text/css">
Неверными примерами использования ключевых слов являются:
(1)
font-family: serif
(2)
font-size: 12pt
(3)
width: "auto"
(4)
background: "blue"
Какое правило недопустимо:
@import "subs.css";
H1 { color: blue }
@import "list.css";
(1)
@import "subs.css"
(2)
H1 { color: blue }
(3)
@import "list.css";
Следующие правила:
H1 { font-weight: bold }
H1 { font-size: 12pt }
H1 { line-height: 14pt } эквивалентны:
(1)
H1 {
font-weight: bold;
font-size: 12pt;
line-height: 14pt;
}
(2)
H1, H2, H3 {
font-weight: bold;
font-size: 12pt;
line-height: 14pt;
}
(3)
H2 {
font-weight: bold;
font-size: 12pt;
line-height: 14pt;
}
Если в таблице стилей указано:
H1 { color: red; rotation: 70minutes },
то браузер будет рассматривать это как:
(1)
H1
(2)
H1 { color: red }
(3)
H1 { color: red; rotation}
(4)
H1 { rotation: 70minutes}
В каких единицах задается свойство шрифта
x-height?
(1)
px
(2)
em
(3)
ex
Укажите абсолютные единицы измерения:
(1)
in
(2)
cm
(3)
ex
Псевдоэлементами являются:
(1)
:first-letter
(2)
:before
(3)
:after
(4)
:first-line
(5)
:first-child
В каком примере первая форматированная строка будет синего цвета?
(1)
P:first-letter { color: blue; font-size: 200% }
(2)
P:first-line { color: blue }
(3)
P { color: blue; font-size: 12pt }
(4)
<P:first-letter>
Какое значение указывает, что для данного элемента свойство принимает то же самое вычисленное значение, что и свойство элемента-предка?
(1)
'interhit'
(2)
'@import'
(3)
'url'
(4)
'!important'
Какое правило дает пользователям возможность импортировать правила стиля из других таблиц стилей?
(1)
'@import'
(2)
'link'
(3)
'transperent'
(4)
'@get'
Все правила пользователя и автора имеют больший вес, чем правила таблицы стилей по умолчанию, если используется правило:
(1)
"!import"
(2)
"!important"
(3)
"!transperent"
Какое свойство CSS создано для звуковых пользовательских агентов?
(1)
'cue-before'
(2)
'sound'
(3)
'media'
(4)
'multimedia'
Для каких вариантов требуются вычисления, чтобы найти их значение?
(1)
'auto'
(2)
'10%'
(3)
'15mm'
(4)
'20ex'
Какой параметр можно использовать для задания цвета нижней стороны границы?
(1)
border-down-color
(2)
border-bottom-color
(3)
border-bottom-style
Какой параметр служит для задания толщины границы?
(1)
border-width
(2)
border-all-width
(3)
width
Укажите корректный вариант задания цвета нижней границы:
(1)
h2 { border-down: #800000}
(2)
h2 { border-bottom: color=#800000}
(3)
h2 { border-bottom: #800000}
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed}
(2)
p {border-style: double-sided}
(3)
p {border-style: solid tripple}
В каком примере ширина левого отступа равняется 20px?
(1)
{margin: 20px 10px 5px 20px}
(2)
{margin: 20px 10px 20px 10px}
(3)
{padding: 20px 10px 20px 10px}
Укажите вариант, в котором корректно заданы параметры отступов:
(1)
p{margin-top: auto}
(2)
p{margin-top: off}
(3)
p{margin-top: none}
В каком примере ширина левого поля равняется 20px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 20px 10px 20px 10px}
(3)
{padding: 5px 20px 5px 10px}
Укажите варианты, в которых корректно заданы параметры полей:
(1)
h1.all {padding: 1cm 2cm 1cm 2cm}
(2)
h1.all {padding-all: 1cm 2cm 1cm 2cm}
(3)
h1.all {set-padding: 1cm 2cm 1cm 2cm}
В каком примере
P генерирует бокс блока с несколькими инлайн-боксами внутри
(1)
<P>Некоторый <EM>выделенный</EM> текст.</P>
(2)
<P>Некоторый текст.</P>
(3)
<P>Некоторый текст.
(4)
Некоторый <EM>выделенный текст.
Какое значение
'text-align' можно использовать для выравнивания compact-элемента у правого края поля?
(1)
'center'
(2)
'left'
(3)
'right'
Позиционированием и заполнением в боксе можно управлять с помощью свойств:
(1)
'top'
(2)
'right'
(3)
'bottom'
(4)
'left'
С помощью какого свойства можно определить позиционирование поплавка?
(1)
'clear'
(2)
'float'
(3)
'bottom'
(4)
'top'
Управлять положением после поплавка можно с помощью свойства:
(1)
'float'
(2)
'clear'
(3)
'bottom'
(4)
'top'
С помощью какого свойства можно задать ширину содержимого?
(1)
'top'
(2)
'width'
(3)
'bottom'
(4)
'left'
Какие свойства позволяют ограничить ширину бокса определенными рамками?
(1)
'float'
(2)
'min-width'
(3)
'max-width'
(4)
'clear'
Какое свойство позволяет задать высоту содержимого?
(1)
'height'
(2)
'width'
(3)
'top'
(4)
'bottom'
Какое правило фиксирует высоту параграфа в 15 пикселов, а ширину содержимого параграфа в 10 пикселов?
(1)
P { height: 15px; width: 100px }
(2)
P { height: 150px; width: 10px }
(3)
P { height: 15px; width: 10px }
(4)
P { height: 15px; width: 1px }
Какое свойство позволяет задать минимальную высоту?
(1)
'max-height'
(2)
'min-height'
(3)
'height'
(4)
'width'
С помощью каких свойств можно произвести подсчет высоты строк?
(1)
'line-height'
(2)
'vertical-align'
(3)
'height'
(4)
'width'
С помощью какого свойства можно управлять видимостью?
(1)
'plan'
(2)
'screen'
(3)
'visibility'
Укажите псевдоэлементы:
(1)
:before
(2)
:after
(3)
:top
(4)
:bottom
В каком примере свойство
'display' явно устанавливается в 'block', так что вставленный текст становится блоком?
(1)
BODY:after {
content: "The End";
display: inline;
margin-top: 2em;
text-align: center;
}
(2)
BODY:after {
content: "The End";
text-align: center;
}
(3)
BODY:after {
content: "The End";
display: block;
margin-top: 2em;
text-align: center;
}
Какое свойство используется с псевдоэлементами
:before и :after для генерации содержимого документа?
(1)
'content'
(2)
'block'
(3)
'inline'
(4)
'quotes'
С помощью какого свойства можно управлять видимостью?
(1)
'no-display'
(2)
'visibility'
(3)
'top'
(4)
'height'
Вертикальное выравнивание бокса маркера внутри его строчного бокса специфицируется следующим свойством:
(1)
'vertical-align'
(2)
'horizontal-align'
(3)
'vertical'
(4)
'horizontal'
Какое правило позволяет задать размеры, ориентацию и поля страничного бокса?
(1)
@page
(2)
@media
(3)
@list
(4)
@margin
Укажите доступные значения свойства
'page-break-before':
(1)
'always'
(2)
'avoid'
(3)
'left'
Укажите доступные значения свойства
'widows':
(1)
'inherit'
(2)
'none'
(3)
'auto'
(4)
'height'
В каком примере создается бесконечная вертикальная полоса, остающаяся "приклеенной" к порту просмотра при прокручивании элемента?
(1)
BODY {
background: red url("pendant.gif");
background-repeat: repeat-y;
background-attachment: fixed;
}
(2)
BODY {
background-repeat: repeat-y;
background-attachment: fixed;
}
(3)
BODY {
background-repeat: repeat-y;
}
Укажите примеры корректного описания свойства
'font-size':
(1)
P { font-size: 12pt; }
(2)
BLOCKQUOTE { font-size: larger }
(3)
EM { font-size: 150% }
Перечислите доступные свойства параметра
font
(1)
font-style
(2)
font-variant
(3)
font
(4)
icon
Укажите корректные примеры описания шрифтов:
(1)
pre { font: oblique arial }
(2)
h1 { font: italic 200 arial }
(3)
p { font: italic small-caps 10px/12px serif }
С помощью какого свойства можно управлять отступами?
(1)
'text-indent'
(2)
'text-align'
(3)
'text-decoration'
С помощью какого свойства можно управлять выравниванием?
(1)
'text-align'
(2)
'text-indent'
(3)
'text-shadow'
Начальным значением
'text-shadow' является:
(1)
{ text-shadow: inherit }
(2)
{ text-shadow: auto }
(3)
{ text-shadow: center }
(4)
{ text-shadow: none }
Какое свойство позволяет управлять расстоянием между буквами?
(1)
'letter-spacing'
(2)
'text-indent'
(3)
'text-align'
(4)
'word-spacing'
С помощью какого элемента можно поместить в документ таблицу стилей?
(1)
<STYLE>
(2)
<TABLE>
(3)
<A>
(4)
<P>
Каким свойствам шрифта присваивает новые значения данная декларация:
H1 { font: bold 12pt/14pt Helvetica }
(1)
'font-family'
(2)
'font-style'
(3)
'font-variant'
Что является селектором в примере
H2 { font-weight: bold }?
(1)
{ font-weight: bold }
(2)
H2
(3)
bold
(4)
H2 { font-weight: bold }
Что является объявлением в правиле
HR { width:50px }?
(1)
HR { width:50px }
(2)
'width'
(3)
width:50px
Что является свойством объявления в примере
P { font-weight: oblique }?
(1)
{ font-weight: oblique }
(2)
'font-weight'
(3)
'oblique'
Что является значением объявления в правиле
"I { font-weight: bold }"?
(1)
I
(2)
{ font-weight: bold }
(3)
'bold'
Какие символы используются для задания блока объявлений?
(1)
/...\
(2)
{...}
(3)
/*...*/
Укажите пример корректного подключения внешней таблицы стилей:
(1)
<LINK rel="stylesheet" href="bach.css" type="text/css">
(2)
<LINK rel="stylesheet" href="one.css" type="text/css">
(3)
<LINK href="one.css" type="text/css">
Неверными примерами использования ключевых слов являются:
(1)
background: yellow
(2)
font-size: 15pt
(3)
font-style: italic
(4)
color: "brown"
Какое правило недопустимо:
@import "subs.css";
@media print {
@import "print-main.css";
BODY { font-size: 10pt }
}
H1 {color: blue }
(1)
@import "subs.css";
(2)
@media print {
(3)
@import "print-main.css";
(4)
BODY { font-size: 10pt }
Следущая таблица:
H1 { color: red; font-style: 12pt }
P { color: blue; font-vendor: any;
font-variant: small-caps }
EM EM { font-style: normal }
будет уменьшена разборщиком CSS до:
(1)
H1 { color: red; }
P { color: blue; font-variant: small-caps }
(2)
H1 { color: red; }
P { color: blue; font-variant: small-caps }
EM EM { font-style: normal }
(3)
P { color: blue; font-variant: small-caps }
EM EM { font-style: normal }
Укажите правила с неверными значениями:
(1)
IMG { float: left }
(2)
IMG { background: "red" }
(3)
IMG { float: left here }
(4)
IMG { border-width: 3 }
Укажите примеры с абсолютными единицами измерения:
(1)
H2 { line-height: 3cm }
(2)
H1 { margin: 0.5in }
(3)
H4 { font-size: 1pc }
(4)
P { font-size: 12px }
Какой псевдоэлемент можно использовать для "начальных заглавных" и "зависающих заглавных", которые являются распространенными типографскими эффектами?
(1)
:first-line
(2)
:first-child
(3)
:before
(4)
:first-letter
В каком примере будет создана начальная заглавная зависающая буква, захватывающая две строки:
(1)
<STYLE type="text/css">
P { font-size: 12pt; line-height: 12pt }
P:first-letter { font-size: 200%; font-style: italic;
font-weight: bold; float: left }
SPAN { text-transform: uppercase }
</STYLE>
(2)
<STYLE type="text/css">
P:first-letter { font-size: 200%; font-style: italic;
font-weight: bold; float: left }
SPAN { text-transform: uppercase }
</STYLE>
(3)
<STYLE type="text/css">
P { font-size: 12pt; line-height: 12pt }
SPAN { text-transform: uppercase }
</STYLE>
Наследуемое значение, которое как правило используется только как возвращаемое значение, может быть усилено путем явной установки:
(1)
'transparent'
(2)
'projection'
(3)
'tv'
(4)
'inherit'
Какие строки эквивалентны по значению?
(1)
@import url("mystyle.css");
(2)
@import "mystyle.css";
(3)
'import' "mystyle.css";
(4)
'import' url("mystyle.css");
Какие объявления переопределяют нормальные объявления?
(1)
"inherit"
(2)
"@import"
(3)
"first-line"
(4)
"!important"
Какое свойство CSS используется и для экрана, и для носителя печати?
(1)
'display'
(2)
'transperent'
(3)
'import'
(4)
'font-size'
Для каких вариантов не требуются вычисления, чтобы найти их значение?
(1)
'10em'
(2)
'white'
(3)
'15cm'
(4)
'auto'
Какой параметр можно использовать для задания цвета левой стороны границы?
(1)
border-left-style
(2)
border-right-color
(3)
border-left-color
Укажите допустимые значения параметра
border-width
(1)
thin
(2)
medium
(3)
null
Укажите корректные варианты задания цвета нижней границы:
(1)
h6 { border-bottom: red}
(2)
h6 { border-bottom red}
(3)
h6 { border-color red}
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed dotted lines}
(2)
p {border-style: dashed double dotted solid}
(3)
p {border-style: dotted no}
В каком примере ширина правого отступа равняется 10px?
(1)
{margin: 20px 10px 5px 20px}
(2)
{padding: 20px 10px 5px 20px}
(3)
{margin: 10px 10px 20px 20px}
(4)
{padding: 10px 10px 20px 20px}
Укажите вариант, в котором корректно заданы параметры отступов:
(1)
p{margin-top: -5px}
(2)
p{margin-top: -5p}
(3)
p{margin-top: -5}
В каком примере ширина правого поля равняется 10px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 10px 10px 20px 20px}
(3)
{padding: 10px 5px 10px 5px}
Укажите варианты, в которых корректно заданы параметры полей:
(1)
h1.all {padding: 1cm 2cm 1cm 2cm}
(2)
h1.all {1cm 2cm 1cm 2cm}
(3)
h1.all {padding: 1 2 1 2}
Какое свойство compact-бокса определяет вертикальную позицию compact-бокса относительно cтрочного бокса?
(1)
'align'
(2)
'horizontal-align'
(3)
'top-align'
(4)
'vertical-align'
Бокс
'run-in' можно определять так:
(1)
<STYLE type="text/css">
H3 { display: run-in }
</STYLE>
(2)
<STYLE type="text/css">
H3 { :run-in }
</STYLE></answer>
(3)
<STYLE type="text/css">
H3 { display: }
</STYLE></answer>
Какое свойство специфицирует, насколько смещен вниз верхний край содержимого бокса относительно верхнего края содержащего блока?
(1)
'top'
(2)
'left'
(3)
'bottom'
(4)
'right'
Укажите допустимые значения свойства
float:
(1)
'left'
(2)
'right'
(3)
'none'
(4)
'inherit'
Укажите примеры коррекного применения свойства
clear:
(1)
{clear: right}
(2)
{clear: left}
(3)
{clear: both}
(4)
{clear: inherit}
Укажите допустимые значения свойства
width:
(1)
100px
(2)
100%
(3)
'auto'
(4)
'inherit'
Какие значения имеет свойство
min-width?
(1)
'null'
(2)
'small'
(3)
'auto'
(4)
'inherit'
Какое правило фиксирует высоту параграфа в 25 пикселов?
(1)
P { height: 25px }
(2)
P { height: -100px }
(3)
P { height: -25px }
(4)
P { height: 10px }
Какое правило фиксирует высоту параграфа в 20 пикселов, а ширину содержимого параграфа в 100 пикселов?
(1)
P { height: 15px; width: 20px }
(2)
P { height: 20px; width: 20px }
(3)
P { height: 15px; width: 100px }
(4)
P { height: 20px; width: 100px }
Какое свойство позволяет задать максимальную высоту?
(1)
'height'
(2)
'width'
(3)
'min-height'
(4)
'max-height'
Какие значения имеет свойство
'max-height'?
(1)
'inherit'
(2)
'none'
(3)
'auto'
(4)
'top'
Какие правила дают в результате одно значение высоты строки?
(1)
DIV { line-height: 120%; font-size: 10pt }
(2)
DIV { line-height: 1.2; font-size: 10pt }
(3)
DIV { line-height: 2.1em; font-size: 10pt }
Какие значения имеет свойство
'visibility'?
(1)
'visible'
(2)
'hidden'
(3)
'collapse'
(4)
'inherit'
Какой псевдоэлемент специфицирует размещение содержимого до содержимого дерева документа?
(1)
:after
(2)
:before
(3)
:visited
(4)
:link
Какие свойства будут игнорироваться браузерами при наличии псевдоэлементов
:before и :after?
(1)
'position'
(2)
'width'
(3)
'float'
(4)
'height'
Укажите допустимые значения свойства
'content':
(1)
'open-quote'
(2)
'close-quote'
(3)
'inherit'
(4)
'no-open-quote'
Какое свойство контролирует автоматическую нумерацию?
(1)
'counter-reset'
(2)
'counter'
(3)
'counters'
(4)
'counter-increment'
Какое свойство специфицирует смещение по горизонтали между боксом маркера и ассоциированным основным боксом?
(1)
'marker'
(2)
'offset'
(3)
'transperent'
(4)
'marker-offset'
Какое правило @page устанавливает размер страничного бокса в 8.5 x 11 дюймов и создает поле '2см' со всех сторон между краем страничного бокса и областью листа?
(1)
@page { size: 8.5in 11in; margin: 2cm }
(2)
@page { size: 8.5in 10in; margin: 1cm }
(3)
@page { size: 9in 11in; margin: 2cm }
Укажите доступные значения свойства
'page-break-after':
(1)
'auto'
(2)
'inherit'
(3)
'none'
(4)
'always'
Какое свойство специфицирует минимальное количество строк параграфа, которые должны оставаться внизу страницы?
(1)
'widows'
(2)
'orphans'
(3)
'margin'
(4)
'padding'
В каком примере одиночное изображение размещается в правом нижнем углу порта просмотра?
(1)
BODY {
background-image: url("logo.png");
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
}
(2)
BODY {
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
}
С помощью каких свойств можно управлять размером шрифта?
(1)
'font-size-adjust'
(2)
'font-width'
(3)
'font-size'
Перечислите доступные свойства параметра
font
(1)
font-size
(2)
font-variant
(3)
menu
(4)
font-hint
Укажите корректные примеры описания шрифтов:
(1)
pre { oblique arial }
(2)
h1 { font: italic 200 arial }
(3)
p { font: status-bar }
Укажите доступные значения свойства
'text-indent':
(1)
'inherit'
(2)
'auto'
(3)
'none'
В каких примерах корректно описано свойство
'text-align'?
(1)
{ text-align: left }
(2)
{ text-align: right }
(3)
{ text-align: auto }
(4)
{ text-align: justify }
Какой пример установит тень справа и снизу от текста элемента?
(1)
H1 { text-shadow: 1em 1em }
(2)
H5 { shadow: 5px 2px 5px red }
(3)
H2 { text-shadow: 2em 2em }
Какое свойство позволяет управлять расстоянием между словами?
(1)
'word-spacing'
(2)
'word'
(3)
'letter'
(4)
'letter-spacing'
С помощью какого элемента можно сослаться на внешнюю таблицу стилей?
(1)
<TABLE>
(2)
<LINK>
(3)
<LINKCSS>
Какие свойства получат новые значения в примере:
H1 { font: bold 12pt/14pt Helvetica }?
(1)
'font-family'
(2)
'font-stretch'
(3)
'font-variant'
Что является селектором в примере
P { font-style:italic }?
(1)
{ font-style:italic }
(2)
'font-style'
(3)
P { font-style:italic }
(4)
P
Что является объявлением в правиле
P { font-family:Arial }?
(1)
P
(2)
'font-family'
(3)
font-family:Arial
Что является свойством объявления в примере
HR { width:250px } ?
(1)
HR
(2)
'width'
(3)
'250px'
Что является значением объявления в правиле
"B { font-weight: bold }"?
(1)
B
(2)
B { font-weight: bold }
(3)
'bold'
Укажите правильный вариант размещения таблицы стилей в документе:
(1)
<STYLE type="text/css">
H1 { color: blue }
</STYLE>
(2)
<LINK rel="stylesheet" href="one.css" type="text/css">
(3)
HR { width:250px }
Какой символ разделяет объявления, сгруппированные внутри блока?
(1)
":"
(2)
"/"
(3)
";"
Укажите пример корректного подключения внешней таблицы стилей:
(1)
<HEAD>
<LINK rel="stylesheet" href="table.css" type="text/css">
</HEAD>
(2)
<STYLE>
<LINK rel="stylesheet" href="table.css" type="text/css">
</STYLE>
(3)
<BODY>
<LINK rel="stylesheet" href="table.css" type="text/css">
</BODY>
Ключевые слова корректно использованы в следующих примерах:
(1)
font-weight: "oblique"
(2)
width:70px
(3)
font-family:Arial
(4)
margin: "15em"
Блок начинается символом:
(1)
{
(2)
"
(3)
'
(4)
( )
Комментарии в CSS находятся между символов:
(1)
"/*...*/"
(2)
"/.../"
(3)
"*...*"
(4)
"?...?"
Следующие правила:
IMG { float: left }
IMG { float: left here }
IMG { background: "red" }
IMG { border-width: 3 }
будут рассмотрены разборщиком CSS так, как если бы таблица была такой:
(1)
IMG { float: left }
IMG { float: left here }
IMG { }
IMG { }
(2)
IMG { float: left }
IMG { }
IMG { }
IMG { border-width: 3 }
(3)
IMG { float: left }
IMG { }
IMG { }
IMG { }
(4)
IMG { }
IMG { float: left here }
IMG { background: "red" }
IMG { border-width: 3 }
(5)
IMG { }
IMG { float: left here }
IMG { }
IMG { border-width: 3 }
Относительные единицы измерения используются в следующих примерах:
(1)
H1 { margin: 1ex }
(2)
P { font-size: 12px }
(3)
H1 { margin: 0.5in }
(4)
H1 { margin: 0.5em }
Процентное значение корректно описано:
(1)
P { font-size: 10pt }
(2)
P { line-height: 120% }
(3)
P { font-size: 120in }
(4)
P { line-height: 120px }
Какие псевдоэлементы можно использовать для вставки генерируемого содержимого до или после содержимого элемента?
(1)
:after
(2)
:first-line
(3)
:first-child
(4)
:before
В каком примере первые буквы каждого элемента
P будут зелеными и размером '24pt'? Остаток первой форматированной строки будет синий, а остаток параграфа - красный.
(1)
P { color: red; font-size: 12pt }
P:first-letter { color: green; font-size: 200% }
P:first-line { color: blue }
(2)
P { color: green; font-size: 12pt }
P:first-letter { color: red; font-size: 200% }
P:first-line { color: blue }
(3)
P { color: red; font-size: 12pt }
P:first-letter { color: green; font-size: 200% }
В каком примере во всех элементах, кроме
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;
}
Какие правила имеют такой же эффект, как если бы импортированная таблица стилей была перенесена в правило
@media для того же типа:
(1)
@import url("fineprint.css") print;
(2)
'import' url("bluish.css") projection, tv;
(3)
@import url("bluish.css") projection, tv;
Какие объявления переопределяют нормальные объявления?
(1)
"base"
(2)
"@main"
(3)
"!important"
С помощью каких at-правил можно специфицировать целевой носитель из таблицы стилей?
(1)
@media
(2)
@import
(3)
@table
(4)
@space
Укажите относительные значения:
(1)
'15px'
(2)
'50in'
(3)
'10cm'
(4)
'3ex'
Какой параметр можно использовать для задания цвета верхней стороны границы?
(1)
border-top-style
(2)
border-up-color
(3)
border-top-color
Укажите допустимые значения параметра
border-width
(1)
off
(2)
thick
(3)
none
Укажите корректный вариант задания цвета нижней стороны границы:
(1)
h6 { border-bottom-color: rgb(255,0,0) }
(2)
h6 { border-bottom-color: rgb[255,0,0] }
(3)
h6 { border-bottom-color: rgb(256,256,256) }
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed noborder}
(2)
p {border-style: dashed nolines}
(3)
p {border-style: dashed double hidden }
В каком примере размер верхнего отступа равняется 5px?
(1)
{margin: 5px 10px 20px 20px}
(2)
{padding: 20px 10px 5px 20px}
(3)
{margin: 10px 10px 20px 20px}
(4)
{padding: 10px 10px 20px 20px}
Укажите варианты, в которых корректно заданы параметры полей:
(1)
p{margin-top: -5px}
(2)
p{margin-top: auto}
(3)
p{margin-top: 10%}
В каком примере ширина верхнего поля равняется 5px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 5px 10px 15px 20px}
(3)
{padding: 10px 10px 20px 5px}
Укажите варианты, в которых корректно заданы параметры полей:
(1)
h1.all {padding: 1cm 2cm 1cm 2cm}
(2)
h1.all {padding: 1% 2% 1% 2%}
(3)
h1.all {padding: 1 2 1 2}
При каком значении
display элемент генерирует основной бокс блока?
(1)
'inline'
(2)
'block'
(3)
'marker'
(4)
'table'
Какое свойство специфицирует, насколько смещен вправо левый край содержимого бокса относительно левого края содержащего блока?
(1)
'right'
(2)
'bottom'
(3)
'top'
(4)
'left'
При помощи какого значения свойства
float можно генерировать бокс блока,
всплывающий влево так, что содержимое будет обтекать его по правой стороне бокса, начиная от верха?
(1)
'left'
(2)
'right'
(3)
'none'
(4)
'inherit'
Какое правило фиксирует ширину содержимого параграфа в 100 пикселей?
(1)
P { width: 100px }
(2)
P { width: -100px }
(3)
P { width: 10px }
(4)
P { width: -10px }
Какие значения имеет свойство
max-width?
(1)
none
(2)
inherit
(3)
big
(4)
auto
Какие значения имеет свойство
height?
(1)
<length>
(2)
<percentage>
(3)
'auto'
(4)
'inherit'
Какое правило фиксирует высоту параграфа в 200 пикселов, а ширину содержимого параграфа в 150 пикселов?
(1)
P { height: 20px; width: 150px }
(2)
P { height: 200px; width: 50px }
(3)
P { height: 20px; width: 10px }
(4)
P { height: 200px; width: 150px }
Какие значения имеет свойство
'min-height'?
(1)
'small'
(2)
'auto'
(3)
'inherit'
(4)
'null'
В каком примере неограничена высота бокса?
(1)
{ min-height: inherit }
(2)
{ max-height: inherit}
(3)
{ min-height: none}
(4)
{ max-height: none }
Какие значения имеет свойство
'line-height'?
(1)
'normal'
(2)
'auto'
(3)
'inherit'
В каком примере сжимаемая область имеет тот же размер и размещение, что и бокс элемента?
(1)
{ clip: auto }
(2)
{ clip: inherit }
(3)
{ clip: none }
(4)
{ clip: block }
Какое начальное значение имеет свойство
'visibility'?
(1)
{ visibility: hidden }
(2)
{ visibility: visible }
(3)
{ visibility: collapse }
(4)
{ visibility: inherit }
Какой псевдоэлемент специфицирует размещение содержимого после содержимого дерева документа?
(1)
:before
(2)
:link
(3)
:visited
(4)
:after
Укажите допустимые значения свойства
'display' в блочном элементе:
(1)
:before { display: 'none' }
(2)
:after { display: 'none' }
(3)
:before { display: 'marker' }
(4)
:after { display: 'marker' }
Укажите допустимые значения свойства
'content':
(1)
'no-quote'
(2)
'open-quote'
(3)
'close-quote'
Какой параметр сбросит таблица стилей:
H1 { counter-reset: section -1 }
H1 { counter-reset: imagenum 99 }
(1)
'section'
(2)
'imagenum'
(3)
'counter'
(4)
'counter-reset'
Укажите допустимые значения свойства
'marker-offset':
(1)
'inherit'
(2)
'auto'
(3)
'none'
(4)
'open-quote'
Какое свойство в правиле
@page специфицирует знаки обрезки для страничного бокса?
(1)
'size'
(2)
'marks'
(3)
'margin'
(4)
'clip'
Укажите доступные значения свойства
'page-break-inside':
(1)
'avoid'
(2)
'none'
(3)
'auto'
(4)
'inherit'
Какое свойство специфицирует минимальное количество строк параграфа, которые должны оставаться вверху страницы?
(1)
'orphans'
(2)
'border'
(3)
'clear'
(4)
'widows'
В каком правиле все индивидуальные свойства специфицированы?
(1)
BODY { background: red }
(2)
P { background: url("chess.png") gray 50% repeat fixed }
(3)
BODY { background: gray }
Укажите доступные значения свойства
'font-size':
(1)
10em
(2)
10%
(3)
larger
(4)
big
Перечислите доступные свойства параметра
font
(1)
message-box
(2)
font-weight
(3)
menu
(4)
font-small
Укажите корректные примеры описания шрифтов:
(1)
pre { oblique arial }
(2)
h1 { font: italic 200 arial }
(3)
p { font: status }
Как можно определить отступ размером '3em' для текста?
(1)
P { text-indent: 1em }
(2)
P { text-indent: 2em }
(3)
P { text-indent: -3em }
(4)
P { text-indent: 3em }
Укажите варианты корректного описания свойства
text-align:
(1)
DIV.center { text-align: justify }
(2)
DIV.center { text-align: center }
(3)
DIV.center { text-align: left }
(4)
DIV.center { text-align: auto }
Какое из правил установит справа и снизу от текста элемента тень, имеющую радиус рассеяния 10px и зеленый цвет?
(1)
H2 { text-shadow: 10px 10px 7px green }
(2)
H2 { text-shadow: 32px 10px 1px green }
(3)
H5 { text-shadow: 5px 5px 10px green }
(4)
H2 { text-shadow: 10px 3px 10px green }
Укажите доступные значения свойства
'letter-spacing':
(1)
{ letter-spacing: normal }
(2)
{ letter-spacing: inherit }
(3)
{ letter-spacing: none }
(4)
{ letter-spacing: auto }
Укажите правильный вариант размещения таблицы стилей в документе:
(1)
<STYLE type="text/css">
P { color: blue }
(2)
<LINK rel="stylesheet" href="number.css" type="text/css">
(3)
<STYLE type="text/css">
S { color: blue }
</STYLE>