Главная /
Программирование /
Спецификация CSS2
Спецификация CSS2 - ответы на тесты Интуит
Правильные ответы выделены зелёным цветом.
Все ответы: Курс построен по спецификации, которая определяет язык каскадных таблиц стилей CSS2.
Все ответы: Курс построен по спецификации, которая определяет язык каскадных таблиц стилей CSS2.
Смотрите также:
С помощью какого свойства можно задать ширину содержимого?
(1)
'top'
(2)
'width'
(3)
'bottom'
(4)
'left'
Укажите псевдоэлементы:
(1)
:before
(2)
:after
(3)
:top
(4)
:bottom
Какое правило позволяет задать размеры, ориентацию и поля страничного бокса?
(1)
@page
(2)
@media
(3)
@list
(4)
@margin
Как можно обозначить наклонный текст?
(1)
'incline'
(2)
'oblique'
(3)
'slanted'
С помощью какого свойства можно управлять отступами?
(1)
'text-indent'
(2)
'text-align'
(3)
'text-decoration'
Какое правило CSS центрирует текст по горизонтали в заголовочных ячейках и выводит данные полужирным шрифтом:
(1)
TH { text-align: center; font-weight: 700 }
(2)
TH { text-align: center; font-weight: bold }
(3)
TH { text-align: left; font-weight: bold }
Какое свойство позволяет управлять курсорами?
(1)
'cursor'
(2)
'volume'
(3)
'speak'
Какие параметры одновременно можно установить, используя свойство
'font':
(1)
'font-family'
(2)
'line-height'
(3)
'font-weight'
(4)
'font-space'
Неверными примерами использования ключевых слов являются:
(1)
font-family: serif
(2)
font-size: 12pt
(3)
width: "auto"
(4)
background: "blue"
Какой патэрн обозначает совпадение любого элементов?
(1)
E F
(2)
E + F
(3)
E#myid
(4)
*
В каком случае выделенное "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>
Какой параметр можно использовать для задания цвета нижней стороны границы?
(1)
border-down-color
(2)
border-bottom-color
(3)
border-bottom-style
Какие значения свойства 'display' создают элемент уровня блока:
(1)
'block'
(2)
'list-item'
(3)
'compact'
(4)
'table'
Какие свойства позволяют ограничить ширину бокса определенными рамками:
(1)
'float'
(2)
'min-width'
(3)
'max-width'
(4)
'clear'
Какое правило вставляет строку "Note: " перед содержимым каждого элемента
P, чей атрибут "class" имеет значение "note"?
(1)
P { content: "Note: " }
(2)
P:before { content: "Note: " }
(3)
P.note { content: "Note: " }
(4)
P.note:before { content: "Note: " }
Какое свойство позволяет управлять размером страницы?
(1)
'width'
(2)
'clip'
(3)
'height'
(4)
'size'
В каком примере текст в элементах
H1, H2 или H3 будет отображаться шрифтом italic:
(1)
H1 { font-style: oblique }
(2)
H1, H2, H3 { font-style: oblique }
(3)
H1, H2 { font-style: italic }
(4)
H1, H2, H3 { font-style: italic }
Укажите варианты корректного описания свойства
'text-indent':
(1)
<P STYLE="text-indent:20em;">
(2)
<P="text-indent:20pt;">
(3)
<P STYLE="text-indent">
(4)
<P STYLE="text-indent:20pt;">
В каком примере ряд будет окружен сплошной желтой рамкой толщиной 15px:
(1)
TR#row3 { border-top: 15px solid yellow }
(2)
TR#row2 { border-top: 10px solid black }
(3)
TR#row1 { border-top: 20px solid gray }
В каком примере будут установлены цвета фона и переднего плана в параграфе в те же значения, что и у окна пользователя?
(1)
P { color: WindowText; background-color: Window }
(2)
P { color }
(3)
P { background-color: Window }
(4)
P { color: WindowText }
Чтобы установить голубой цвет текста элемента
H1, надо записать правило:
(1)
H1 { color: black }
(2)
H1 { color: blue }
(3)
H1 { color: yellow }
(4)
H1 { color: green }
Какой символ в CSS2 обозначает три типа символов - escape-последовательностей:
(1)
(\)
(2)
("")
(3)
(')
(4)
(+)
В каких вариантах описано совпадение элемента
E во время определенных действий пользователя?
(1)
E:active
(2)
E:focus
(3)
E:visited
(4)
E:hover
Какое значение указывает что для данного элемента свойство принимает то же самое вычисленное значение, что и свойство элемента-предка?
(1)
'inherit'
(2)
'@import'
(3)
'url'
(4)
'!important'
Какой параметр служит для задания толщины границы?
(1)
border-width
(2)
border-all-width
(3)
width
В каком примере P генерирует бокс блока с несколькими инлайн-боксами внутри:
(1)
<P>Некоторый <EM>выделенный</EM> текст.</P>
(2)
<P>Некоторый текст.</P>
(3)
<P>Некоторый текст.
(4)
Некоторый <EM>выделенный текст.
Какое свойство позволяет задать высоту содержимого?
(1)
'height'
(2)
'width'
(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;
}
В каком примере устанавливается ширина страничного бокса - 8.5 дюймов и высота - 11 дюймов:
(1)
@page {
size: 10in 8.5in;
}
(2)
@page {
size: 11in 8.5in;
}
(3)
@page {
size: 8.5in 11in;
}
Какое свойство запрашивает двухкамерный шрифт (имеющий два регистра, как в латинице):
(1)
'font-style'
(2)
'font-variant'
(3)
'font-weight'
С помощью какого свойства можно управлять выравниванием?
(1)
'text-align'
(2)
'text-indent'
(3)
'text-shadow'
Какое правило специфицирует, что при звуковом выводе каждый ряд данных произносится как "Заголовок1 Ячейка1 Заголовок1 Ячейка2":
(1)
TH { speak-header: once }
(2)
TH { speak-header: never }
(3)
TH { speak-header: always }
Какое свойство принимает все цвета, как и ключевое слово
'invert':
(1)
'outline-style'
(2)
'color'
(3)
'outline-color'
Что является селектором в примере:
P { font-size:10pt }
(1)
P
(2)
'font-size'
(3)
10pt
(4)
{ font-size:10pt }
Какое правило недопустимо:
@import "subs.css";
H1 { color: blue }
@import "list.css";
(1)
@import "subs.css"
(2)
H1 { color: blue }
(3)
@import "list.css";
Какое правило совпадает со всеми элементами
H1 в дереве документа:
(1)
H1 { font-family: sans-serif }
(2)
H6 { font-size: 25pt }
(3)
H2 { font-family: Helvetica }
(4)
H3 { font-stretch: normal }
Какое правило дает пользователям возможность импортировать правила стиля из других таблиц стилей?
(1)
'@import'
(2)
'link'
(3)
'transperent'
(4)
'@get'
Укажите корректные варианты задания цвета границы:
(1)
h2 { border-bottom #800000}
(2)
h2 { border-bottom: color=#800000}
(3)
h2 { border-bottom: #800000}
Какое значение
'text-align' можно использовать для выравнивания compact-элемента у правого края поля:
(1)
'top'
(2)
'left'
(3)
'right'
(4)
'center'
Какое правило фиксирует высоту параграфа в 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 }
Какое свойство используется с псевдоэлементами
:before и :after для генерации содержимого документа:
(1)
'content'
(2)
'block'
(3)
'inline'
(4)
'quotes'
В каких случаях все страницы автоматически классифицируются браузерами на псевдоклассы
:left?
(1)
@page :left {
margin-left: 4cm;
margin-right: 3cm;
}
(2)
@page :right {
margin-left: 3cm;
margin-right: 4cm;
}
(3)
@page :left {
margin-right: 3cm;
}
Укажите примеры корректного описания свойства
'font-size':
(1)
P { font-size: 12pt; }
(2)
BLOCKQUOTE { font-size: larger }
(3)
EM { font-size: 150% }
Какое свойство описывает выравнивание инлайн-содержимого блока?
(1)
'text-align'
(2)
'text-decoration'
(3)
'text-shadow'
(4)
'text-indent'
Какое правило специфицирует, что элемент - это ряд ячеек:
(1)
TD, TH { display: table-cell }
(2)
COLGROUP { display: table-column-group }
(3)
TR { display: table-row }
Чтобы прорисовать толстую красную линию, когда элемент активен, нужно использовать правило:
(1)
:active { outline: thin solid gray }
(2)
:active { outline: thick solid gray }
(3)
:active { outline: thin solid red }
(4)
:active { outline: thick solid red }
Что является объявлением в правиле:
"H1 { color: brown }":
(1)
H1
(2)
'color'
(3)
{ color: brown }
(4)
'brown'
Между какими символами находится блок объявлений:
(1)
(( ))
(2)
([ ])
(3)
(")
(4)
({})
Какой селектор атрибута совпадает со всеми элементами
H1, которые специфицировали атрибут "title" с любым значением:
(1)
H1[title] { color: blue; }
(2)
H1 { color: blue; }
(3)
H1 + [title] { color: blue; }
(4)
H1 > [title] { color: blue; }
Все правила пользователя и автора имеют больший вес, чем правила таблицы стилей по умолчанию, если используется правило:
(1)
"!import"
(2)
"!important"
(3)
"!transperent"
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed}
(2)
p {border-style: double-sided}
(3)
p {border-style: solid tripple}
Укажите значение свойства
display:
(1)
'table-column'
(2)
'run-inherit'
(3)
'inline-table-column'
Какое свойство позволяет задать минимальную высоту?
(1)
'max-height'
(2)
'min-height'
(3)
'height'
(4)
'width'
Какое правило вставляет текст атрибута "alt" перед изображением:
(1)
IMG:before { content: attr(alt)}
(2)
IMG:before { attr(alt)}
(3)
IMG:before { content: attr}
(4)
IMG:before { attr: alt }
Укажите доступные значения свойства
'page-break-before':
(1)
'always'
(2)
'avoid'
(3)
'left'
Укажите доступные значения свойства
'font-size-adjust':
(1)
'none'
(2)
'inherit'
(3)
'width'
(4)
'auto'
Какие свойства применяются к элементам столбцов и групп столбцов:
(1)
'border'
(2)
'background'
(3)
'width'
Управлять разговором можно с помощью свойства:
(1)
'speak'
(2)
'volume'
(3)
'sound'
(4)
'media'
Что является свойством объявления в примере
H1 { color: grey } ?
(1)
H1
(2)
{ color: grey }
(3)
color
Следующие правила:
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;
}
Какой селектор совпадает, к примеру, со значением "copyright copyleft copyeditor" атрибута "rel":
(1)
A["copyright"]
(2)
A[rel~="copyright"]
(3)
A[rel~]
(4)
A + rel~="copyrigh""
Какое свойство CSS создано для звуковых пользовательских агентов?
(1)
'cue-before'
(2)
'sound'
(3)
'media'
(4)
'multimedia'
В каком примере ширина левого отступа равняется 20px?
(1)
{margin: 20px 10px 5px 20px}
(2)
{padding: 20px 10px 5px 20px}
(3)
{margin: 20px 10px 20px 10px}
(4)
{padding: 20px 10px 20px 10px}
Какие значения может принимать свойство
position?
(1)
'static'
(2)
'relative'
(3)
'absolute'
(4)
'fixed'
Какое значение свойства
'min-height' определяет фиксированный минимум вычисленной высоты:
(1)
'top'
(2)
<length>
(3)
'auto'
(4)
'inherit'
Как можно поместить знаки открывающей кавычки в каждом параграфе в
BLOCKQUOTE и одиночную закрывающую кавычку в конце:
(1)
BLOCKQUOTE P:before { content: open-quote }
(2)
BLOCKQUOTE P.last:after { content: close-quote }
(3)
BLOCKQUOTE P:after { content: no-close-quote }
С помощью какого свойства можно использовать именованные страницы?
(1)
'page'
(2)
'none'
(3)
'size'
(4)
'clip'
Укажите дескрипторы для подбора шрифта:
(1)
'font-weight'
(2)
'font-variant'
(3)
'font-style'
Начальным значением
'text-shadow' является:
(1)
{ text-shadow: inherit }
(2)
{ text-shadow: auto }
(3)
{ text-shadow: center }
(4)
{ text-shadow: none }
Свойство
'caption-side' может принимать такие значения:
(1)
{ caption-side: top }
(2)
{ caption-side: bottom }
(3)
{ caption-side: left }
Управлять паузой можно с помощью свойств:
(1)
'pause-before'
(2)
'pause-after'
(3)
'pause-all'
Что является значением объявления в правиле
"H2 { font-weight: oblique }"?
(1)
H2 { font-weight: oblique }
(2)
'font-weight'
(3)
'oblique'
Если в таблице стилей указано:
H1 { color: red; rotation: 70minutes },
то браузер будет рассматривать это как:
(1)
H1
(2)
H1 { color: red }
(3)
H1 { color: red; rotation}
(4)
H1 { rotation: 70minutes}
Как можно назначить стилевую информацию всем элементам
class~="pastoral"?
(1)
.pastoral { color: green }
(2)
*. { color: green }
(3)
pastoral { color: green }
(4)
*.pastoral { color: green }
Какой атрибут элемента LINK специфицирует целевой носитель для внешней таблицы стилей?
(1)
"media"
(2)
"rel"
(3)
"type"
(4)
"href"
Позиционированием и заполнением в боксе можно управлять с помощью свойств:
(1)
'top'
(2)
'right'
(3)
'bottom'
(4)
'left'
С помощью каких свойств можно произвести подсчет высоты строк?
(1)
'line-height'
(2)
'vertical-align'
(3)
'height'
(4)
'width'
С помощью какого свойства можно управлять видимостью?
(1)
'display'
(2)
'visibility'
(3)
'top'
(4)
'height'
В каком примере две таблицы отображаются на landscape-страницах, и тип страницы "narrow" вообще не используется, вопреки установкам в
DIV:
(1)
@page narrow {size: 9cm 18cm}
@page rotated {size: landscape}
DIV {page: narrow}
TABLE {page: rotated}
(2)
@page rotated {size: landscape}
DIV {page: narrow}
TABLE {page: rotated}
(3)
@page narrow {size: 9cm 18cm}
TABLE {page: rotated}
(4)
DIV {page: narrow}
TABLE {page: rotated}
Укажите корректные примеры сокращенной записи свойств шрифта:
(1)
p { font: oblique small-caps bold -5px serif }
(2)
p { font: italic small-caps 10px/12px serif }
(3)
p { font style: oblique small-caps bold -5px serif }
Какое свойство позволяет управлять расстоянием между буквами?
(1)
'letter-spacing'
(2)
'text-indent'
(3)
'text-align'
(4)
'word-spacing'
В каком примере свойство 'caption-side' размещает заголовок под таблицей. Заголовок будет той же ширины, что и родитель таблицы, и текст заголовка будет выровнен по левому краю:
(1)
CAPTION { caption-side: bottom;
width: auto;
text-align: left }
(2)
CAPTION { caption-side: top;
width: auto;
text-align: left }
(3)
CAPTION { caption-side: bottom;
width: auto;
text-align: right }
Управлять микшированием можно с помощью свойств:
(1)
'mixer'
(2)
'play-during'
(3)
'during'
(4)
'play'
Укажите правильный вариант размещения таблицы стилей в документе:
(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>
Следующе правило: @three-dee {
@background-lighting {
azimuth: 30deg;
elevation: 190deg;
}
H1 { color: red }
}
H1 { color: blue }
браузером уменьшит таблицу до:
(1)
H1 { color: blue }
(2)
H1 { color: red }
(3)
azimuth: 30deg;
ID-селектор совпадает с элементом
H1, чей атрибут ID имеет значение "chapter1" в следующем примере:
(1)
H1chapter1 { text-align: center }
(2)
#chapter1 { text-align: center }
(3)
H1#chapter1 { text-align: center }
(4)
H1 + chapter1 { text-align: center }
Укажите примеры корректного описания целевого носителя:
(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;
Укажите варианты, в которых корректно заданы параметры отступов:
(1)
h1.all {margin: 1cm 2cm 1cm 2cm}
(2)
h1.all {margin-all: 1cm 2cm 1cm 2cm}
(3)
h1.all {set-margin: 1cm 2cm 1cm 2cm}
С помощью какого свойства можно определить позиционирование поплавка?
(1)
'clear'
(2)
'float'
(3)
'bottom'
(4)
'top'
Какие значения имеет свойство 'vertical-align'?
(1)
'baseline'
(2)
'super'
(3)
'text-top'
(4)
'bottom'
Какой параметр сбросит таблица стилей:
H1 { counter-reset: section -1 imagenum 99 }
(1)
'imagenum'
(2)
'counter'
(3)
'counter-reset'
(4)
'section'
Укажите доступные значения свойства
'widows':
(1)
'inherit'
(2)
'none'
(3)
'auto'
(4)
'height'
Перечислите доступные свойства параметра
font
(1)
font-style
(2)
font-variant
(3)
font
(4)
icon
В каком примере пространство между символами в элементах
BLOCKQUOTE увеличено на '0.1em':
(1)
BLOCKQUOTE { letter-spacing: 0.1em }
(2)
BLOCKQUOTE { letter-spacing: 1em }
(3)
BLOCKQUOTE { word-spacing: 0.1em }
(4)
BLOCKQUOTE { word-spacing: 1em }
Управлять алгоритмами ширины таблицы можно с помощью свойства:
(1)
'table-width'
(2)
'layout'
(3)
'table-layout'
Укажите значения свойства
'azimuth':
(1)
H1 { azimuth: 30deg }
(2)
H1 { azimuth: center-left }
(3)
H1 { azimuth: center }
Укажите пример корректного подключения внешней таблицы стилей:
(1)
<LINK rel="stylesheet" href="one.css" type="text/css">
(2)
<LINK rel="stylesheet" type="text/css">
(3)
<LINK href="first.css" type="css">
Какие единицы определяются
x-height шрифта?
(1)
px
(2)
em
(3)
ex
Укажите примеры псевдокласса гиперссылок:
(1)
A:link { color: red }
(2)
:link { color: red }
(3)
<A href="external" external="http://www.intuit.ru/">external link</A>
(4)
A.external:visited { color: blue }
Укажите абсолютные значения:
(1)
'green'
(2)
'5mm'
(3)
'120%'
(4)
'1px'
В каком примере ширина левого поля равняется 20px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 20px 10px 20px 10px}
(3)
{padding: 5px 20px 5px 10px}
Управлять положением после поплавка можно с помощью свойства:
(1)
'float'
(2)
'clear'
(3)
'bottom'
(4)
'top'
С помощью какого свойства можно управлять переполнением и сжатием:
(1)
'overflow'
(2)
'clip'
(3)
'clear'
(4)
'width'
Форматировать счетчики можно следующими способами:
(1)
P:before { content: counter(p, none) }
(2)
DIV.note:before { content: counter(notecntr, disc) " " }
(3)
BLOCKQUOTE:after { content: " [" counter(bq, hebrew) "]" }
В каком примере левое поле левых страниц - '4см', а для остальных страниц - левое поле '3см'?
(1)
@page {
margin-left: 3cm;
}
@page :left {
margin-left: 4cm;
}
(2)
@page {
margin-left: 3cm;
}
@page :right {
margin-right: 4cm;
}
(3)
@page {
margin-right: 3cm;
}
@page :left {
margin-left: 4cm;
}
В каком примере корректно задаётся степень жирности шрифта?
(1)
<style type="text/css">
h1.first {font-weight: 800}
</style>
(2)
<style type="text/css">
h2.second {font-weight: bold}
</style>
(3)
<style type="text/css">
h3.third {font-weight: 200}
</style>
Укажите начальное значение свойства
'word-spacing':
(1)
{ word-spacing: begin }
(2)
{ word-spacing: auto }
(3)
{ word-spacing: normal }
(4)
{ word-spacing: inherit }
Высота таблицы задается с помощью следующих свойств:
(1)
'inline'
(2)
'table'
(3)
'inline-table'
Выберите корректные примеры:
(1)
H1 { voice-family: announcer, male }
(2)
P.part.romeo { voice-family: romeo, male }
(3)
P.part.juliet { voice-family: juliet, female }
(4)
H6 { voice-family }
Укажите атрибуты тэга LINK, которые используются для ссылки на внешнюю таблицу стилей:
(1)
"stylesheet"
(2)
"href"
(3)
"text/html"
Укажите абсолютные единицы измерения:
(1)
in
(2)
cm
(3)
ex
Какой псевдокласс применяется, если элемент активирован пользователем?
(1)
:focus
(2)
:hover
(3)
:active
(4)
:first-child
Для каких вариантов требуются вычисления, чтобы найти их значение?
(1)
'auto'
(2)
'10%'
(3)
'15mm'
(4)
'20ex'
Укажите вариант, в котором корректно заданы параметры полей:
(1)
p{padding-top: 0.3em}
(2)
p{padding-top: off}
(3)
p{padding-top: none}
Какие объявления CSS для
outer и inner не изменяют нормального расположения боксов:
(1)
#inner { color: blue }
(2)
#outer { color: red }
(3)
#inner { blue }
(4)
#inner { color }
С помощью какого свойства можно управлять сжатием?
(1)
'split'
(2)
'line'
(3)
'clear'
(4)
'clip'
Вертикальное выравнивание бокса маркера внутри его строчного бокса специфицируется следующим свойством:
(1)
'vertical-align'
(2)
'horizontal-align'
(3)
'vertical'
(4)
'horizontal'
Как можно описать красный цвет?
(1)
EM { color: red }
(2)
EM { color: rgb(255,0,0) }
(3)
EM { color: rgb(255,12,0) }
(4)
EM { color: gray }
Укажите корректные примеры описания шрифтов:
(1)
pre { font: oblique arial }
(2)
h1 { font: italic 200 arial }
(3)
p { font: italic small-caps 10px/12px serif }
С помощью какого свойства можно управлять капитализацией?
(1)
'text-transform'
(2)
'white-space'
(3)
'text-decoration'
(4)
'text-indent'
Какое свойство выбирает модель рамки таблицы:
(1)
'border-collapse'
(2)
'border-spacing'
(3)
'empty-cells'
Укажите значения свойства
'speak-punctuation':
(1)
{ speak-punctuation: code }
(2)
{ speak-punctuation: none }
(3)
{ speak-punctuation: inherit }
(4)
{ speak-punctuation: auto }
В каком примере объявляются элементы инлайн-уровня, с применением XML?
(1)
INSTRUMENT { display: inline }
(2)
ARTICLE, HEADLINE { display: block }
(3)
PAGE { display: inline }
(4)
AUTHOR, PARA { display: block }
Функциональное обозначение URI в значениях свойств корректно использовано в следующих примерах:
(1)
BODY { background: url("http://www.bg.com/pinkish.gif") }
(2)
LI { list-style: url(http://www.redballs.com/redball.png) disc }
(3)
BODY { url("http://www.bg.com/pinkish.gif") }
Псевдоэлементами являются:
(1)
:first-letter
(2)
:before
(3)
:after
(4)
:first-line
(5)
:first-child
Укажите варианты, в которых корректно заданы параметры полей:
(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}
В каком случае родственное содержимое начнет располагаться ниже поплавка:
(1)
#inner { float: right; width: 130px; color: blue }
#sibling { clear: right; color: red }
(2)
#inner { float: right; width: 130px; color: blue }
#sibling { clear:; color: red }
(3)
#inner { float: right; width: 130px; color: blue }
#sibling { right; color: red }
С помощью какого свойства можно управлять видимостью?
(1)
'plan'
(2)
'screen'
(3)
'display'
(4)
'visibility'
В каком примере устанавливается маркер - изображение "picture.jpg" - в начале каждого элемента списка:
(1)
UL { list-style-image: url("http://www.intuit.ru/") }
(2)
UL { list-style-image: url("http://www.intuit.ru/picture.jpg") }
(3)
UL { url("http://www.intuit.ru/picture.jpg") }
(4)
UL { list-style-image ) }
В каком примере создается бесконечная вертикальная полоса, остающаяся "приклеенной" к порту просмотра при прокручивании элемента:
(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;
}
В каком примере первый символ каждого слова в элементе
H2 переводится в верхний регистр?
(1)
H2 { text-transform: uppercase }
(2)
H2 { text-transform: capitalize }
(3)
H2 { text-transform: lowercase }
(4)
H2 { text-transform: none }
Какое правило вызывает прорисовку рамок вокруг всех ячеек:
(1)
TABLE { empty-cells: hide }
(2)
TABLE { empty-cells: inherit }
(3)
TABLE { empty-cells: none }
(4)
TABLE { empty-cells: show }
Укажите единицы измерения углов:
(1)
grad
(2)
rad
(3)
ms
В каком примере первая форматированная строка будет синего цвета?
(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)
'z-index'
(2)
'float'
(3)
'clear'
(4)
'top'
С помощью какого свойства можно управлять пробелом?
(1)
'text-transform'
(2)
'text-indent'
(3)
'text-align'
(4)
'white-space'
В каком примере рамка будет состоять из точек:
(1)
{ border-style: dotted }
(2)
{ border-style: double }
(3)
{ border-style: solid }
(4)
{ border-style: dashed }
Укажите допустимые значения свойства
width:
(1)
100px
(2)
100%
(3)
'auto'
(4)
'inherit'
Какой псевдоэлемент специфицирует размещение содержимого до содержимого дерева документа?
(1)
:after
(2)
:before
(3)
:visited
(4)
:link
Какое правило @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 }
Как можно обозначить утолщенный шрифт?
(1)
'roman'
(2)
'medium'
(3)
'bold'
Укажите доступные значения свойства
'text-indent':
(1)
'inherit'
(2)
'auto'
(3)
'none'
Какое правило выравнивает текст заголовочных ячеек по их базовой линии и центрирует текст по вертикали в каждой ячейке данных:
(1)
TH { vertical-align: baseline }
TD { vertical-align: middle }
(2)
TH { vertical-align: base }
TD { vertical-align: center }
(3)
TH { vertical-align: line }
TD { vertical-align: middle }
В каком примере использован курсор - указатель на ссылку?
(1)
{ cursor: crosshair }
(2)
{ cursor: move }
(3)
{ cursor: pointer }
Запишите сокращенный вариант правил стиля:
H1 {
font-weight: bold;
font-size: 12pt;
line-height: 14pt;
font-family: Helvetica;
font-variant: normal;
font-style: normal;
font-stretch: normal;
font-size-adjust: none
}
(1)
H1 { font: bold 12pt/14pt Helvetica }
(2)
H1 { font: bold 14pt/14pt Helvetica }
(3)
H1 { font: bold 12pt/12pt Helvetica }
Неверными примерами использования ключевых слов являются:
(1)
background: yellow
(2)
font-size: 15pt
(3)
font-style: italic
(4)
color: "brown"
В каком случае совпадает любой элемент
F, непосредственно перед которым идет элемент E?
(1)
E + F
(2)
E > F
(3)
E F
(4)
E[foo]
Укажите вычисленное значение свойства 'font-size' элемента BODY { font-size: 10pt }
H1 { font-size: 120% }
H1 в коде:
(1)
'12pt'
(2)
'15pt'
(3)
'16pt'
(4)
'120pt'
Какой параметр можно использовать для задания цвета левой стороны границы?
(1)
border-left-style
(2)
border-right-color
(3)
border-left-color
В каком примере будет создан анонимный блок до и после первого элемента P:
(1)
<BODY>
.....
<P>Содержимое элемента P. </P>
.....
</BODY>
(2)
<BODY>
.....
</BODY>
(3)
<BODY>
.....
<P>Содержимое элемента P. </P>
<P>.....</P>
.....
</BODY>
Какие значения имеет свойство
min-width:
(1)
'none'
(2)
'small'
(3)
'auto'
(4)
'inherit'
В каком примере изменение вышеприведенной таблицы стилей вызовет появление сплошной зеленой рамки вокруг параграфа, включая начальную строку:
(1)
P.note:before { content: "Note: " }
P.note{ border: solid green }
(2)
P.note:before { content: "Note: " }
P.note{ border: outset green }
(3)
P.note:before { content: "Note: " }
P.note{ border: dashed green }
(4)
P.note:before { content: "Note: " }
P.note{ border: groove green }
Укажите доступные значения свойства
size:
(1)
'auto'
(2)
'portrait'
(3)
'landscape'
(4)
'inherit'
В каком примере выделенный текст (EM) в элементе
H1 будет выведен как normal:
(1)
H1 EM { font-style: normal }
(2)
H1, EM { font-style: normal }
(3)
EM { font-style: normal }
(4)
H1 { font-style: normal }
Укажите варианты корректного описания свойства
'text-indent':
(1)
{ text-indent: 2in }
(2)
{ text-indent: 20% }
(3)
{ text-indent: 10ct }
Какое правило помещает заголовок таблицы над таблицей:
(1)
CAPTION { caption-side: bottom }
(2)
CAPTION { caption-side: top }
(3)
CAPTION { caption-side: left }
Какое свойство позволяет управлять динамическими контурами?
(1)
'outline'
(2)
'out'
(3)
'line'
Чтобы установить желтый цвет текста элемента
H1, надо записать правило:
(1)
H1 { color: yellow }
(2)
H1 { color: brown }
(3)
H1 { color: grey }
(4)
H1 { color: white }
Каким символом начинаются At-правила?
(1)
'a'
(2)
'/'
(3)
';'
(4)
'@'
Следующим правилам:
H1 { font-family: sans-serif }
H2 { font-family: sans-serif }
H3 { font-family: sans-serif }
эквивалентно:
(1)
H1 + H2 + H3 { font-family: sans-serif }
(2)
H1 > H2 > H3 { font-family: sans-serif }
(3)
H1 H2 H3 { font-family: sans-serif }
(4)
H1, H2, H3 { font-family: sans-serif }
Наследуемое значение, которое как правило используется только как возвращаемое значение, может быть усилено путем явной установки:
(1)
'transparent'
(2)
'projection'
(3)
'tv'
(4)
'inherit'
Укажите допустимые значения параметра border-width?
(1)
thin
(2)
medium
(3)
null
Какое свойство compact-бокса определяет вертикальную позицию compact-бокса относительно cтрочного бокса:
(1)
'align'
(2)
'horizontal-align'
(3)
'top-align'
(4)
'vertical-align'
Какое правило фиксирует высоту параграфа в 25 пикселов:
(1)
P { height: 25px }
(2)
P { height: -100px }
(3)
P { height: -25px }
(4)
P { height: 10px }
Какие свойства будут игнорироваться браузерами при наличии псевдоэлементов
:before и :after?
(1)
'position'
(2)
'width'
(3)
'float'
(4)
'height'
Укажите доступные значения свойства
'marks':
(1)
'inherit'
(2)
'none'
(3)
'auto'
(4)
'top'
В каком примере специфицируется вес шрифта:
(1)
{ font-weight: 900 }
(2)
{ font-weight: 1000 }
(3)
{ font-weight: 100 }
В каких примерах корректно описано свойство
'text-align'?
(1)
{ text-align: left }
(2)
{ text-align: right }
(3)
{ text-align: auto }
(4)
{ text-align: justify }
Какое правило заставляет элемент FOO работать как элемент TABLE в HTML, а элемент BAR - как элемент CAPTION:
(1)
FOO { display : table }
BAR { display : table-caption }
(2)
FOO { display : table }
BAR { display : table }
(3)
FOO { display : table }
BAR { display : caption }
В каком примере будет произведена прорисовка толстого контура вокруг элемента
BUTTON?
(1)
BUTTON { outline-width : thick }
(2)
BUTTON { outline-width : thin }
(3)
BUTTON { outline-width : big }
Что является селектором в примере:
H2 { font-weight: bold }
(1)
{ font-weight: bold }
(2)
H2
(3)
bold
(4)
H2 { font-weight: bold }
Какое правило недопустимо:
@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>This <SPAN class="myclass">headline
is <EM>very</EM> important</SPAN></H1>:
EM в следующем фрагменте:
(1)
H1 { color: red }
(2)
EM { color: red }
(3)
H1 > EM { color: blue }
(4)
H1 EM { color: blue }
Какие строки эквивалентны по значению:
(1)
@import url("mystyle.css");
(2)
@import "mystyle.css";
(3)
'import' "mystyle.css";
(4)
'import' url("mystyle.css");
Укажите корректные варианты задания цвета границы:
(1)
h6 { border-bottom: red}
(2)
h6 { border-bottom red}
(3)
h6 { border-color red}
Бокс
'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>
Какое правило фиксирует высоту параграфа в 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 }
Укажите допустимые значения свойства
'content':
(1)
'open-quote'
(2)
'close-quote'
(3)
'inherit'
(4)
'no-open-quote'
Как можно специфицировать стиль для первой страницы документа псевдоклассом
:first?
(1)
@page { margin: 2cm 1cm 2cm 3cm }
(2)
@page { margin: 2cm 1cm 2cm }
(3)
@page { margin: 2cm 1cm }
(4)
@page :first {
margin-top: 10cm
}
С помощью каких свойств можно управлять размером шрифта?
(1)
'font-size-adjust'
(2)
'font-width'
(3)
'font-size'
Какое свойство позволяет управлять подчеркиванием, миганием и т.д.?
(1)
'text-decoration'
(2)
'text-flash'
(3)
'text-media'
В каком примере три элемента
'table-cell' содержат текст в рядах:
(1)
<STACK>
<ROW>This is the <D>top</D> row.</ROW>
<ROW>This is the <D>middle</D> row.</ROW>
<ROW>This is the <D>bottom</D> row.</ROW>
</STACK>
(2)
<STACK>
<BOX>This is the <D>top</D> row.</ROW>
<BOX>This is the <D>middle</D> row.</ROW>
<BOX>This is the <D>bottom</D> row.</ROW>
</STACK>
(3)
<STACK>
<HROW>This is the <D>top</D> row.</ROW>
<HROW>This is the <D>middle</D> row.</ROW>
<HROW>This is the <D>bottom</D> row.</ROW>
</STACK>
Управлять объемом звука можно с помощью свойства:
(1)
'volume'
(2)
'sound'
(3)
'speaker'
(4)
'speak'
Что является объявлением в правиле:
"HR { width:50px }":
(1)
HR { width:50px }
(2)
'width'
(3)
'50px'
(4)
{ width:50px }
Какая строка будет проигнорирована браузером, поддерживающим CSS2?
(1)
H1, H2 {color: green }
(2)
H3, H4 & H5 {color: red }
(3)
H6 {color: black }
(4)
H6 & H1 {color: yellow }
Какой селектор совпадает со всеми элементами
SPAN, чей атрибут "class" имеет значение "example":
(1)
SPAN[class] { color: blue; }
(2)
SPAN[example] { color: blue; }
(3)
SPAN class=example { color: blue; }
(4)
SPAN[class=example] { color: blue; }
Какие объявления переопределяют нормальные объявления:
(1)
"inherit"
(2)
"@import"
(3)
"first-line"
(4)
"!important"
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed dotted lines}
(2)
p {border-style: dashed double dotted solid}
(3)
p {border-style: dotted no}
Укажите примеры корректного использования свойства
display?
(1)
P { display: block }
(2)
EM { display: inline }
(3)
LI { display: list-item }
(4)
IMG { display: none }
Какое свойство позволяет задать максимальную высоту?
(1)
'height'
(2)
'width'
(3)
'min-height'
(4)
'max-height'
С помощью какого свойства можно специфицировать кавычки?
(1)
'content'
(2)
'top'
(3)
'quotes'
(4)
'height'
Укажите доступные значения свойства
'page-break-after':
(1)
'auto'
(2)
'inherit'
(3)
'none'
(4)
'always'
Укажите примеры корректного описания свойства
'font':
(1)
P { font: 80% sans-serif }
(2)
P { font: 12pt/14pt sans-serif }
(3)
P { font: x-large:110% "new century schoolbook", serif }
(4)
P { font: bold italic large Palatino, serif }
С помощью какого свойства можно управлять оттенением текста?
(1)
'text-decoration'
(2)
'text-indent'
(3)
'text-align'
(4)
'text-shadow'
Выберите корректные примеры:
(1)
COL { border-style: none solid }
(2)
TABLE { border-style: hidden }
(3)
COL.totals { background: blue }
Свойство
'speak' может иметь следующие значения:
(1)
normal
(2)
none
(3)
spell-out
(4)
auto
Что является свойством объявления в примере
P { font-weight: oblique }?
(1)
{ font-weight: oblique }
(2)
'font-weight'
(3)
'oblique'
Следущая таблица:
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 }
Какое правило скрывает все элементы, у которых атрибут "lang" имеет значение "fr":
(1)
*[LANG=fr] { display : none }
(2)
[LANG=fr] { none }
(3)
LANG=fr { display : none }
(4)
*[LANG=fr]
Какое свойство CSS используется и для экрана, и для носителя печати?
(1)
'display'
(2)
'transperent'
(3)
'import'
(4)
'font-size'
В каком примере ширина правого отступа равняется 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}
При использовании какого значения свойства
position бокс является нормальным боксом, расположенным в соответствии с нормальным расположением:
(1)
{position: static}
(2)
{position: relative}
(3)
{position: fixed}
(4)
{position: absolute}
Какие значения имеет свойство
'max-height'?
(1)
'inherit'
(2)
'none'
(3)
'auto'
(4)
'top'
В каком примере кавычки вставляются до содержимого элемента
Q:
(1)
Q:before { content: open-quote }
(2)
P:before { content: open-quote }
(3)
Q:after { content: close-quote }
(4)
P:after { content: close-quote }
Укажите доступные значения свойства
'page':
(1)
'none'
(2)
'auto'
(3)
'width'
(4)
left
Какие свойства позволяют описать дескрипторы для квалификации данных шрифта?
(1)
'unicode'
(2)
'range'
(3)
'unicode-range'
Какой пример установит тень справа и снизу от текста элемента:
(1)
H1 { text-shadow: 1em 1em }
(2)
H5 { shadow: 5px 2px 5px red }
(3)
H2 { text-shadow: 2em 2em }
Какое правило позиционирует бокс заголовка над боксом таблицы:
(1)
{ caption-side: top }
(2)
{ caption-side: inherit }
(3)
{ caption-side: right }
Выберите корректные примеры:
(1)
{ pause: 20ms }
(2)
{ pause-after: 10ms }
(3)
{ pause-before: 30ms }
(4)
{ pause-all: 20ms }
Что является значением объявления в правиле
"I { font-weight: bold }"?
(1)
I
(2)
{ font-weight: bold }
(3)
'bold'
Укажите объявления с неверными значениями:
(1)
IMG { float: left }
(2)
IMG { background: "red" }
(3)
IMG { float: left here }
(4)
IMG { border-width: 3 }
Как назначить стиль только элементам
H1 с class~="pastoral"?
(1)
H1.pastoral { color: green }
(2)
H1 + pastoral { color: green }
(3)
H1. { color: green }
(4)
*.pastoral { color: green }
Укажите пример корректного описания целевого носителя с помощью at-правил:
(1)
@import url("loudvoice.css") aural;
(2)
@media print{ ... }
(3)
import url("loudvoice.css") aural;
(4)
media print{ ... }
Укажите вариант, в котором корректно заданы параметры отступов:
(1)
p{margin-top: -5px}
(2)
p{margin-top: -5p}
(3)
p{margin-top: -5}
Какое свойство специфицирует, насколько смещен вниз верхний край содержимого бокса относительно верхнего края содержащего блока:
(1)
'top'
(2)
'left'
(3)
'bottom'
(4)
'right'
Какие правила дают в результате одно значение высоты строки:
(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 }
Какое свойство контролирует автоматическую нумерацию?
(1)
'counter-reset
(2)
'counter'
(3)
'counters'
(4)
'counter-increment'
С помощью какого свойства можно управлять разрывами внутри элементов?
(1)
'orphans'
(2)
'widows'
(3)
'width'
(4)
'height'
Укажите корректные примеры сокращенной записи свойств шрифта:
(1)
p { font: oblique small-caps bold -5px serif }
(2)
p { font: italic; small-caps; 10px; 12px; serif }
(3)
p { font-family: oblique small-caps bold -5px serif }
Какое свойство позволяет управлять расстоянием между словами?
(1)
'word-spacing'
(2)
'word'
(3)
'letter'
(4)
'letter-spacing'
В каком примере таблица центрирована установкой левого и правого полей в 'auto':
(1)
TABLE {
margin-left: auto;
margin-right: none
}
(2)
TABLE {
margin-left: auto;
margin-right: auto
}
(3)
TABLE {
margin-left: none;
margin-right: auto
}
Выберите корректные примеры:
(1)
SPAN.quiet { play-during: none }
(2)
BLOCKQUOTE Q { play-during: url("harp.wav") mix }
(3)
BLOCKQUOTE Q { url("harp.wav") mix }
(4)
BLOCKQUOTE.sad { play-during: url("violins.aiff") }
Укажите правильный вариант размещения таблицы стилей в документе:
(1)
<STYLE type="text/css">
H1 { color: blue }
</STYLE>
(2)
<LINK rel="stylesheet" href="one.css" type="text/css">
(3)
HR { width:250px }
Какая единица измерения может использоваться для горизонтальных и вертикальных вычислений?
(1)
p
(2)
em
(3)
grad
В каком примере правило таблицы стилей устанавливает совпадение с элементом, чье значение
ID - "z98y":
(1)
P*"z98y { letter-spacing: 0.3em }
(2)
+z98y { letter-spacing: 0.3em }
(3)
z98y { letter-spacing: 0.3em }
(4)
*#z98y { letter-spacing: 0.3em }
Какие правила специфицирует целевые типы носителя:
(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">
Укажите варианты, в которых корректно заданы параметры отступов:
(1)
h1.all {margin: 1cm 2cm 1cm 2cm}
(2)
h1.all {1cm 2cm 1cm 2cm}
(3)
h1.all {margin: 1 2 1 2}
Укажите допустимые значения свойства
float:
(1)
'left'
(2)
'right'
(3)
'none'
В каком примере вертикальная средняя точка бокса будет выравниваться с базовой линией бокса-родителя плюс половина x-высоты родителя:
(1)
{ vertical-align: middle }
(2)
{ vertical-align: baseline }
(3)
{ vertical-align: sub }
(4)
{ vertical-align: super }
В каком примере
OL создаст счетчик, и все потомки OL будут ссылаться на этот счетчик:
(1)
OL { counter-reset: item }
(2)
OL { counter-reset: item }
LI { display: block }
(3)
OL { counter-reset: item }
LI { display: block }
LI:before { content: counter(item) ". "; counter-increment: item }
Какое свойство специфицирует минимальное количество строк параграфа, которые должны оставаться внизу страницы:
(1)
'widows'
(2)
'orphans'
(3)
'margin'
(4)
'padding'
Перечислите доступные свойства параметра
font
(1)
font-size
(2)
font-variant
(3)
menu
(4)
font-hint
В каком примере браузеру не разрешено изменять межсимвольное пространство:
(1)
BLOCKQUOTE { letter-spacing: 0cm }
(2)
BLOCKQUOTE { letter-spacing: 1cm }
(3)
BLOCKQUOTE { spacing: 0 }
(4)
BLOCKQUOTE { spacing: 1cm }
Свойство
'table-layout' может иметь такие значения:
(1)
{ table-layout: auto }
(2)
{ table-layout: inherit }
(3)
{ table-layout: none }
Управлять характеристиками голоса можно с помощью свойств:
(1)
'speech-rate'
(2)
'voice-family'
(3)
'pitch-range'
Укажите пример корректного подключения внешней таблицы стилей:
(1)
<LINK rel="stylesheet" href="bach.css" type="text/css">
(2)
<LINK rel="stylesheet" href="one.css" type="text/css">
(3)
<LINK href="first.css" type="css/text">
Какие единицы относительны к разрешению устройства просмотра?
(1)
em
(2)
ex
(3)
px
К псевдоклассам относятся:
(1)
:first-child
(2)
:link
(3)
:lang
(4)
:visited
Укажите абсолютные значения:
(1)
'yellow'
(2)
'blue'
(3)
'120mm'
(4)
'auto'
В каком примере ширина правого поля равняется 10px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 10px 10px 20px 20px}
(3)
{padding: 10px 5px 10px 5px}
Укажите примеры коррекного применения свойства
clear:
(1)
{clear: right}
(2)
{clear: left}
(3)
{clear: both}
(4)
{clear: inherit}
Какие значения имеет свойство
overflow?
(1)
{ overflow: visible }
(2)
{ overflow: hidden }
(3)
{ overflow: scroll }
(4)
{ overflow: auto }
С помощью какой таблицы стилей элементы
H2 с классом "secret" не увеличивают 'count2', а элементы с 'visibility', установленной в 'hidden', увеличивают счетчики:
(1)
H2.secret {display: none}
(2)
H2 {counter-increment: count2; display: none}
(3)
H1.secret {counter-increment: count2; display: none}
(4)
H2.secret {counter-increment: count2; display: none}
С помощью какого свойства можно управлять цветом переднего плана?
(1)
'size'
(2)
'clear'
(3)
'display'
(4)
'color'
В каком примере корректно задаётся степень жирности шрифта?
(1)
<style type="text/css">
h1 {font-weight: 2000}
</style>
(2)
<style type="text/css">
h2 {font-weight: lighter}
</style>
(3)
<style type="text/css">
h3 {font-weight: 300}
</style>
В каком примере пространство между словами в элементах
H1 увеличено на '1em':
(1)
H1 { word-spacing: 0.1em }
(2)
H1 { letter-spacing: 0.1em }
(3)
H1 { letter-spacing: 1em }
(4)
H1 { word-spacing: 1em }
В каком правиле верх бокса ячейки выровнен по первому ряду:
(1)
{ vertical-align: top }
(2)
{ vertical-align: baseline }
(3)
{ vertical-align: middle }
Выберите начальное значение свойства
'pitch-range':
(1)
{ pitch-range: 50 }
(2)
{ pitch-range: 150 }
(3)
{ pitch-range: 10 }
Какие символы используются при описании объявления?
(1)
"/...\"
(2)
"{...}"
(3)
"/*...*/"
Укажите примеры с абсолютными единицами измерения:
(1)
H2 { line-height: 3cm }
(2)
H1 { margin: 0.5in }
(3)
H4 { font-size: 1pc }
(4)
P { font-size: 12px }
Какой псевдокласс применяется к ссылкам, которые еще не посещены?
(1)
:link
(2)
:visited
(3)
:active
(4)
:first-child
Для каких вариантов не требуются вычисления, чтобы найти их значение?
(1)
'10em'
(2)
'white'
(3)
'15cm'
(4)
'auto'
Укажите варианты, в которых корректно заданы параметры полей:
(1)
p{padding-top: 5px}
(2)
p{padding-top: 5p}
(3)
p{padding-top: 5}
В каком примере текст вытолкнут из расположения к правому полю:
(1)
#inner { float: inherit; width: 130px; color: blue }
(2)
#inner { float: none: 130px; color: blue }
(3)
#inner { float: left; width: 130px; color: blue }
(4)
#inner { float: right; width: 130px; color: blue }
Какой пример создаст прямоугольную область:
(1)
P { clip: rect(5px, 10px, 10px, 5px); }
P { clip: rect(5px, -5px, 10px, 5px); }
(2)
P { clip: rect(5px, 10px, 10px, 5px); }
(3)
P { clip: rect(5px, 10px, 10px, 5px); }
P { clip: rect(5px, 5px, 10px, 5px); }
Какое свойство специфицирует смещение по горизонтали между боксом маркера и ассоциированным основным боксом:
(1)
'marker'
(2)
'offset'
(3)
'transperent'
(4)
'marker-offset'
С помощью какого свойства можно управлять фоном?
(1)
'background-color'
(2)
'background'
(3)
'border'
(4)
'background-position'
Укажите корректные примеры описания шрифтов:
(1)
pre { oblique arial }
(2)
h1 { font: italic 200 arial }
(3)
p { font: status-bar }
Выберите корректные описания свойства
'text-transform':
(1)
{ text-transform: uppercase }
(2)
{ text-transform: lowercase }
(3)
{ text-transform: auto }
(4)
{ text-transform: capitalize }
Управлять моделью раздельных рамок можно с помощью свойства:
(1)
'border-collapse'
(2)
'border-spacing'
(3)
'speak-header'
(4)
'empty-cells'
В каком примере знаки препинания произносятся буквально:
(1)
P { speak-punctuation: code }
(2)
P { speak-punctuation: none }
(3)
P { speak-punctuation: inherit }
(4)
P { speak-punctuation: size }
Укажите псевдоэлементы:
(1)
'first-line'
(2)
'font-weight'
(3)
'font-size'
(4)
'first-letter'
В CSS2 к значениям счетчиков можно обратиться только из свойства:
(1)
counter-reset
(2)
counter-increment
(3)
content
(4)
background
Какой псевдоэлемент можно использовать для "начальных заглавных" и "зависающих заглавных", которые являются распространенными типографскими эффектами?
(1)
:first-line
(2)
:first-child
(3)
:before
(4)
:first-letter
Укажите варианты, в которых корректно заданы параметры полей:
(1)
h1.all {padding: 1cm 2cm 1cm 2cm}
(2)
h1.all {1cm 2cm 1cm 2cm}
(3)
h1.all {padding: 1 2 1 2}
В каком примере объявления для CSS позиционируют верх бокса outer относительно его содержащего блока?
(1)
#outer {
position: absolute;
top: 200px; left: 200px;
width: 200px;
color: red;
}
#inner { color: blue }
(2)
#outer {
top: 200px; left: 200px;
width: 200px;
color: red;
}
(3)
#inner { color: blue }
Какие значения имеет свойство
'visibility'?
(1)
'visible'
(2)
'hidden'
(3)
'collapse'
(4)
'inherit'
В каком примере объявляется селектор-потомок:
(1)
OL.alpha LI { list-style: lower-alpha }
(2)
> LI { list-style: lower-alpha }
(3)
< LI { list-style: lower-alpha }
В каком примере одиночное изображение размещается в правом верхнем углу порта просмотра:
(1)
BODY {
background-image: url("logo.png");
background-attachment: fixed;
background-position: 100% 0%;
background-repeat: no-repeat;
}
(2)
BODY {
background-image: url("logo.png");
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
}
(3)
BODY {
background-image: url("logo.png");
background-attachment: fixed;
background-position: 0% 100%;
background-repeat: no-repeat;
}
В каком примере все символы каждого слова элемента
P переводятся в прописные?
(1)
P { text-transform: uppercase }
(2)
P { text-transform: lowercase }
(3)
P { text-transform: none }
(4)
P { text-transform: capitalize }
Таблица с двумя пропущенными внутренними рамками будет отображена в следующем примере:
(1)
<TABLE style="border-collapse: collapse; border: solid;">
<TR><TD style="border-right: hidden; border-bottom: hidden">foo</TD>
<TD style="border: solid">bar</TD></TR>
</TABLE>
(2)
<TABLE style="border-collapse: collapse; border: solid;">
<TR><TD style="border-right: hidden; border-bottom: hidden">foo</TD>
<TD style="border: solid">bar</TD></TR>
<TR><TD style="border: none">foo</TD>
<TD style="border: solid">bar</TD></TR>
</TABLE>
(3)
<TABLE style="border-collapse: collapse; border: solid;">
<TR><TD style="border: none">foo</TD>
<TD style="border: solid">bar</TD></TR>
</TABLE>
Укажите идентификаторы измерения времени и частоты:
(1)
ms
(2)
kHz
(3)
Hz
В каком примере будет создана начальная заглавная зависающая буква, захватывающая две строки:
(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)
HEBREW, HE-QUO {direction: rtl; unicode-bidi: embed}
(2)
ENGLISH {direction: ltr; unicode-bidi: embed}
(3)
HEBREW, ENGLISH, PAR {display: block}
(4)
EMPH {font-weight: bold}
Укажите доступные значения свойства
'white-space':
(1)
{ white-space: pre }
(2)
{ white-space: normal }
(3)
{ white-space: auto }
(4)
{ white-space: nowrap }
Управлять говорящими заголовками можно с помощью свойства:
(1)
'border-collapse'
(2)
'speak-header'
(3)
'empty-cells'
Какое правило фиксирует ширину содержимого параграфа в 100 пикселов:
(1)
P { width: 100px }
(2)
P { width: -100px }
(3)
P { width: 10px }
(4)
P { width: -10px }
Какой псевдоэлемент специфицирует размещение содержимого после содержимого дерева документа?
(1)
:before
(2)
:link
(3)
:visited
(4)
:after
Какое свойство в правиле
@page специфицирует знаки обрезки для страничного бокса:
(1)
'size'
(2)
'marks'
(3)
'margin'
(4)
'clip'
Какое свойство позволяет определить семейство шрифтов?
(1)
'font-style'
(2)
'font-family'
(3)
'font-variant'
(4)
'font-weight'
Как можно определить отступ размером '3em' для текста:
(1)
P { text-indent: 1em }
(2)
P { text-indent: 2em }
(3)
P { text-indent: -3em }
(4)
P { text-indent: 3em }
В каком примере ряд будет окружен сплошной зеленой рамкой толщиной 5px:
(1)
TR#row1 { border-top: 5px solid green }
(2)
TR#row3 { border-top: 4px solid yellow }
(3)
TR#row3 { border-top: 2px solid blue }
В каком примере браузер сам определяет курсор?
(1)
{ cursor: auto }
(2)
{ cursor: pointer }
(3)
{ cursor: crosshair }
В примере
H1 { font: bold 12pt/14pt Helvetica } свои начальные значение получат:
(1)
'font-family'
(2)
'font-style'
(3)
'font-size-adjust'
(4)
'font-stretch'
Ключевые слова корректно использованы в следующих примерах:
(1)
font-weight: "oblique"
(2)
width:70px
(3)
font-family:Arial
(4)
margin: "15em"
В каком примере совпадает элемент
E, если E является первым дочерним элементом своего родителя?
(1)
E:lang(c)
(2)
E:first-child
(3)
DIV.warning
(4)
E[foo="warning"]
Какой цвет будут наследовать потомки элемента
BODY в коде:
BODY { color: black; }
(1)
black
(2)
white
(3)
green
(4)
yellow
Какой параметр можно использовать для задания цвета верхней стороны границы?
(1)
border-top-style
(2)
border-up-color
(3)
border-top-color
Какие значения свойства
'display' создают инлайн-элемент:
(1)
'block'
(2)
'inline'
(3)
'inline-table'
(4)
'compact'
Какие значения имеет свойство
max-width:
(1)
'none'
(2)
'inherit'
(3)
'big'
(4)
'auto'
Какие правила вставляют открывающий знак кавычек перед каждым элементом
Q, цвет знака кавычки - красный, но шрифт будет тот же, что и шрифт остальной части элемента Q:
(1)
Q:before {
content: open-quote;
color: green
}
(2)
Q:before {
content: open-quote;
color: red
}
(3)
Q:before {
content: open-quote;
color: yellow
}
(4)
Q:before {
content: open-quote;
color: gray
}
В каком примере внешний край страничного бокса будет выровнен с целевым:
(1)
@page {
margin: 10%;
}
(2)
@page {
size: auto;
margin: 10%;
}
(3)
@page {
size: auto;
}
В каком примере текст элемента
H3 будет выведен малыми заглавными буквами, а текст элемента EM будет состоять из наклоненных малых заглавных:
(1)
H2 { font-variant: small-caps }
EM { font-style: oblique }
(2)
H3 { font-variant: small-caps }
EM { font-style: oblique }
(3)
H1 { font-variant: small-caps }
Какие примеры корректны:
(1)
{ text-indent: 10in }
(2)
{ text-indent: 20em }
(3)
{ text-indent: -1mm }
(4)
{ text-indent: -25ct }
Какое правило специфицирует, что при звуковом выводе каждый ряд данных произносится как "Заголовок, Данные, Данные":
(1)
TH { speak-header: once }
(2)
TH { speak-header: always }
(3)
TH { speak-header: only }
Какое свойство принимает те же значения, что и
'border-style', за исключением 'hidden', который не является допустимым стилем контура:
(1)
'outline-style'
(2)
'outline-color'
(3)
'outline'
Чтобы установить белый цвет текста элемента
H1, надо записать правило:
(1)
H1 { color: grey }
(2)
H1 { color: yellow }
(3)
H1 { color: green }
(4)
H1 { color: white }
Идентификатор at-правил корректно описан в следующих примерах:
(1)
'@page'
(2)
'@import'
(3)
'page'
(4)
'import'
Код
*[LANG=fr] эквивалентен:
(1)
[LANG]
(2)
LANG=fr
(3)
[LANG=fr]
(4)
[*=fr]
В каком примере, кроме элемента
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;
}
Укажите допустимые значения параметра border-width?
(1)
off
(2)
thick
(3)
none
Для размещения многострочного текста в поле больше подойдет свойство:
(1)
float
(2)
clear
(3)
align
(4)
transperent
Какие значения имеет свойство
height?
(1)
<length>
(2)
<percentage>
(3)
'auto'
(4)
'inherit'
Укажите допустимые значения свойства
'display':
(1)
:before { display: 'none' }
(2)
:after { display: 'none' }
(3)
:before { display: 'marker' }
(4)
:after { display: 'marker' }
С помощью какого свойства можно управлять сжатием?
(1)
'clip'
(2)
'size'
(3)
'marks'
(4)
'margin'
Какие значения может иметь свойство
'font-stretch'?
(1)
'wider'
(2)
'semi-condensed'
(3)
'expanded'
(4)
'auto'
Укажите варианты корректного описания свойства
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 }
Какое правило специфицирует, что элемент определяет таблицу уровня блока:
(1)
TABLE { display: table }
(2)
TD, TH { display: table-cell }
(3)
TR { display: table-row }
Какое правило можно использовать для прорисовки толстой черной линии вокруг элемента, когда он имеет фокус?
(1)
:focus { outline: thin solid black }
(2)
:focus { outline: thick solid black }
(3)
:focus { outline: thick solid gray }
(4)
:focus { outline: thin solid gray }
Что является селектором в примере:
P { font-style:italic }
(1)
{ font-style:italic }
(2)
'font-style'
(3)
P { font-style:italic }
(4)
P
Блок начинается символом:
(1)
({)
(2)
(")
(3)
(')
(4)
(( ))
Какой селектор совпадает с элементом
P, который является внуком, или позднейшим потомком, элемента DIV:
(1)
DIV
(2)
DIV * P
(3)
P
(4)
DIV >
Какие правила имеют такой же эффект, как если бы импортированная таблица стилей была перенесена в правило
@media для того же типа:
(1)
@import url("fineprint.css") print;
(2)
import url("bluish.css") projection, tv;
(3)
@import url("bluish.css") projection, tv;
Укажите корректные варианты задания цвета границы:
(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) }
При каком значении
display элемент генерирует основной бокс блока:
(1)
'inline'
(2)
'block'
(3)
'marker'
(4)
'table'
Какое правило фиксирует высоту параграфа в 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 }
Укажите допустимые значения свойства
'content':
(1)
'no-quote'
(2)
'open-quote'
(3)
'close-quote'
С помощью какого свойства можно управлять разрывами перед/после элементов:
(1)
'page-break-before'
(2)
'page-break-after'
(3)
'page-break-inside'
(4)
'page-break'
Укажите доступные значения свойства
'font-size':
(1)
10em
(2)
10%
(3)
larger
(4)
big
В каком примере текст будет мигать:
(1)
{ text-decoration: blink }
(2)
{ text-decoration: underline }
(3)
{ text-decoration: overline }
(4)
{ text-indent: blink }
Выберите корректные примеры:
(1)
STACK { display: inline-table }
(2)
ROW { display: table-row }
(3)
D { display: inline; font-weight: bolder }
Выберите корректные примеры:
(1)
{ volume: 110 }
(2)
{ volume: soft }
(3)
{ volume: loud }
Что является объявлением в правиле
"P { font-family:Arial }":
(1)
P
(2)
'font-family'
(3)
'Arial'
(4)
{ font-family:Arial }
В объявлении свойства и значения разделяются символом:
(1)
'/'
(2)
'\'
(3)
'|'
(4)
':'
В каком примере селектор совпадает со всеми элементами
SPAN, чей атрибут "hello" имеет значение "Cleveland" и чей атрибут "goodbye" имеет значение "Columbus":
(1)
SPAN["Cleveland"][goodbye="Columbus"] { color: blue; }
(2)
SPAN[hello="Cleveland"][goodbye] { color: blue; }
(3)
SPAN[hello="Cleveland"][goodbye="Columbus"] { color: blue; }
(4)
SPAN > hello="Cleveland" + goodbye="Columbus" { color: blue; }
Какие объявления переопределяют нормальные объявления:
(1)
"base"
(2)
"@main"
(3)
"!important"
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed noborder}
(2)
p {border-style: dashed nolines}
(3)
p {border-style: dashed double hidden }
Какие свойства определяют алгоритм позиционирования CSS2 для расчета позиции бокса:
(1)
'position'
(2)
'float'
(3)
'static'
(4)
'fixed'
Какие значения имеет свойство
'min-height'?
(1)
'small'
(2)
'auto'
(3)
'inherit'
(4)
'none'
Укажите возможные значения свойства
'quotes'?
(1)
'none'
(2)
'inherit'
(3)
'auto'
(4)
'open-quote'
Укажите доступные значения свойства
'page-break-inside':
(1)
'avoid'
(2)
'none'
(3)
'auto'
(4)
'inherit'
Какое описание идентично
BUTTON P { font: 600 9pt Charcoal }?
(1)
BUTTON P {
font-style: normal;
font-weight: 600;
font-size: 9pt;
line-height: normal;
font-family: Charcoal
}
(2)
BUTTON P {
font-variant: normal;
font-weight: 600;
font-size: 9pt;
line-height: normal;
}
(3)
BUTTON P {
font-style: normal;
font-variant: normal;
font-weight: 600;
font-size: 9pt;
line-height: normal;
font-family: Charcoal
}
Укажите примеры корректного описания свойства
'text-shadow':
(1)
H3 { text-shadow: 3px 3px 5px red }
(2)
H6 { text-shadow: 0.2em 0.2em }
(3)
H1 { text-shadow: 0.2em 0.2em }
Позиция и выравнивание заголовка осуществляется с помощью следующего свойства:
(1)
'caption-side'
(2)
'caption'
(3)
'side'
В каком примере текст будет произноситься побуквенно:
(1)
{ speak: spell-out }
(2)
{ speak: normal }
(3)
{ speak: none }
(4)
{ speak: auto }
Что является свойством объявления в примере
HR { width:250px } ?
(1)
HR
(2)
'width'
(3)
'250px'
Комментарии в CSS находятся между символов:
(1)
"/*...*/"
(2)
"/.../"
(3)
"*...*"
(4)
"?...?"
Какое правило совпадает для значений атрибута "lang", начинающихся с "en", включая "en", "en-US" и "en-cockney":
(1)
LANG|="en" { color : red }
(2)
*LANG| + "en"
(3)
LANG = "en" { color : red }
(4)
*[LANG|="en"] { color : red }
С помощью каких at-правил можно специфицировать целевой носитель из таблицы стилей:
(1)
@media
(2)
@import
(3)
@table
(4)
@space
В каком примере ширина верхнего отступа равняется 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}
Свойство position корректно описано в следующих примерах:
(1)
@media screen {
H1#first { position: fixed }
}
(2)
@media print {
H1#first { position: static }
}
(3)
@media screen {
H1#first { fixed }
}
(4)
@media print {
H1#first { position: }
}
В каком примере не ограничена высота бокса?
(1)
{ min-height: inherit }
(2)
{ max-height: inherit}
(3)
{ min-height: none}
(4)
{ max-height: none }
В каком примере кавычки вставляются после содержимого элемента
Q:
(1)
Q:after { content: close-quote }
(2)
Q:before { content: open-quote }
(3)
P:after { content: close-quote }
(4)
P:before { content: open-quote }
В каком примере все таблицы будут размещены на правой стороне страницы с ориентацией
landscape:
(1)
@page rotated
TABLE {page: rotated; page-break-before: right}
(2)
@page rotated {size: landscape}
TABLE {page: rotated; page-break-before: right}
(3)
@page rotated {size: landscape}
{page: rotated; page-break-before: right}
Укажите дескрипторы для синтеза и декрипторы выравнивания:
(1)
'widths'
(2)
'bbox'
(3)
'definition-src'
(4)
'line'
Какой пример установит тень справа и снизу от текста элемента. Тень будет иметь радиус рассеяния 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 }
Какое правило позиционирует бокс заголовка под боксом таблицы:
(1)
{ caption-side: right }
(2)
{ caption-side: inherit }
(3)
{ caption-side: bottom }
В каком случае
'pause-after' равно 20ms:
(1)
H1 { pause: 20ms }
(2)
H2 { pause: 30ms 20ms }
(3)
H3 { pause-after: 20ms }
(4)
H4 { pause-before: 20ms}
Что является значением объявления в правиле
"B { font-weight: italic }"?
(1)
B
(2)
B { font-weight: italic }
(3)
'italic'
Следующие правила:
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 { }
Какое правило совпадает с любым элементом P, чей атрибут "class" сопоставлен списку разделенных пробелами значений "pastoral" и "marine":
(1)
P.marine { color: green }
(2)
.pastoral.marine { color: green }
(3)
P.pastoral. { color: green }
(4)
P.pastoral.marine { color: green }
Укажите пример корректного описания целевого носителя для внешней таблицы стилей:
(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">
Укажите варианты, в которых корректно заданы параметры отступов:
(1)
p{margin-top: -5px}
(2)
p{margin-top: auto}
(3)
p{margin-top: 10%}
Какое свойство специфицирует, насколько смещен вправо левый край содержимого бокса относительно левого края содержащего блока:
(1)
'right'
(2)
'bottom'
(3)
'top'
(4)
'left'
Какие значения имеет свойство
'line-height':
(1)
'normal'
(2)
'auto'
(3)
'inherit'
Какой параметр сбросит таблица стилей:
H1 { counter-reset: section -1 }
H1 { counter-reset: imagenum 99 }
(1)
'section'
(2)
'imagenum'
(3)
'counter'
(4)
'counter-reset'
Укажите доступное значение свойства
'orphans':
(1)
'auto'
(2)
'inherit'
(3)
'none'
(4)
'width'
Укажите корректные примеры сокращенной записи свойств шрифта:
(1)
p { font: oblique, small-caps, bold, -5px, serif }
(2)
p { font: oblique small-caps bold -5px serif }
(3)
p { oblique small-caps bold -5px serif }
Укажите доступные значения свойства
'letter-spacing':
(1)
{ letter-spacing: normal }
(2)
{ letter-spacing: inherit }
(3)
{ letter-spacing: none }
(4)
{ letter-spacing: auto }
Пространственными свойствами являются:
(1)
'elevation'
(2)
'width'
(3)
'azimuth'
(4)
'height'
Укажите правильный вариант размещения таблицы стилей в документе:
(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>
Какая единица измерения может использоваться для горизонтальных и вертикальных вычислений?
(1)
rad
(2)
em
(3)
grad
В каком примере правило стиля совпадает только с тем элементом
H1, который имеет значение ID - "z98y":
(1)
H1#z98y { letter-spacing: 0.5em }
(2)
H1#z98 { letter-spacing: 0.5em }
(3)
#z98y { letter-spacing: 0.5em }
(4)
H6#z98y { letter-spacing: 0.5em }
Какие правила специфицирует целевые типы носителя:
(1)
@media print {
BODY { font-size: 10pt }
}
(2)
@media screen {
BODY { font-size: 12pt }
}
(3)
<LINK rel="stylesheet" href="foo.css">
Укажите варианты, в которых корректно заданы параметры отступов:
(1)
h1.all {margin: 1cm 2cm 1cm 2cm}
(2)
h1.all {margin: 1% 2% 1% 2%}
(3)
h1.all {margin: 1 2 1 2}
При помощи какого значения свойства
float можно генерировать бокс блока,
всплывающий влево так, что содержимое будет обтекать его по правой стороне бокса, начиная от верха:
(1)
'left'
(2)
'right'
(3)
'none'
(4)
'inherit'
В каком примере верх бокса выравнивается с верхом шрифта родительского элемента:
(1)
{ vertical-align: sub }
(2)
{ vertical-align: baseline }
(3)
{ vertical-align: top }
(4)
{ vertical-align: text-top }
Какая таблица стилей нумерует вложенные элементы списка как "1", "1.1", "1.1.1" и т.д.:
(1)
OL { counter-reset: item }
(2)
LI { display: block }
LI:before { content: counters(item, "."); counter-increment: item }
(3)
OL { counter-reset: item }
LI { display: block }
LI:before { content: counters(item, "."); counter-increment: item }
(4)
OL { counter-reset: item }
LI:before { content: counters(item, ".");
Какое свойство специфицирует минимальное количество строк параграфа, которые должны оставаться вверху страницы:
(1)
'orphans'
(2)
'border'
(3)
'clear'
(4)
'widows'
Перечислите доступные свойства параметра
font
(1)
message-box
(2)
font-weight
(3)
menu
(4)
font-small
Укажите доступные значения свойства
'word-spacing':
(1)
{ word-spacing: auto }
(2)
{ word-spacing: normal }
(3)
{ word-spacing: none }
(4)
{ word-spacing: inherit }
В каком примере использован алгоритм фиксированного вывода таблицы:
(1)
{ table-layout: fixed }
(2)
{ table-layout: inherit }
(3)
{ table-layout: auto }
Выберите корректные примеры:
(1)
H1 { azimuth: 30deg }
(2)
TD.a { azimuth: far-right }
(3)
P.comment { azimuth: behind }
Укажите пример корректного подключения внешней таблицы стилей:
(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)
H1 { margin: 1ex }
(2)
P { font-size: 12px }
(3)
H1 { margin: 0.5in }
(4)
H1 { margin: 0.5em }
Какое правило подавляет отступ для первого параграфа
DIV:
(1)
DIV > P:first-child { text-indent: 0 }
(2)
> P:first-child { text-indent: 0 }
(3)
DIV > P { text-indent: 0 }
(4)
DIV +:first-child { text-indent: 0 }
Укажите абсолютные значения:
(1)
'1mm'
(2)
'grey'
(3)
'auto'
(4)
'20mm'
В каком примере ширина верхнего поля равняется 5px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 5px 10px 15px 20px}
(3)
{padding: 10px 10px 20px 5px}
В каком примере нет ограничений на позицию бокса относительно поплавков:
(1)
{clear: none}
(2)
{clear: both}
(3)
{clear: left}
(4)
{clear: right}
В каком примере содержимое может отображаться за пределами бокса блока:
(1)
{ overflow: visible }
(2)
{ overflow: auto }
(3)
{ overflow: scroll }
(4)
{ overflow: hidden }
Маркеры создаются путем установки свойства
'display' в 'marker' внутри следующих псевдоэлементов:
(1)
:before
(2)
:after
(3)
:later
(4)
:start
Укажите доступные значения свойства
'color':
(1)
'inherit'
(2)
'auto'
(3)
'none'
(4)
'width'
В каком примере корректно задаётся степень жирности шрифта?
(1)
<style type="text/css">
p {font-weight: 700}
<style>
(2)
<style type="text/css">
ol {font-weight: bolder}
<style>
(3)
<style type="text/css">
li {font-weight: 1000}
<style>
В каком примере пространство между словами в элементах
H6 увеличено на '2em':
(1)
H6 { word-spacing: -2em }
(2)
H6 { word-spacing: +2em }
(3)
H6 { word-spacing: 0.2em }
(4)
H6 { word-spacing: 2em }
Горизонтальное выравнивание содержимого ячейки в боксе ячейки специфицируется свойством:
(1)
'text-align'
(2)
'text-shadow'
(3)
'text-indent'
С помощью каких свойств можно управлять свойством речи?
(1)
'speak-punctuation'
(2)
'speak-numeral'
(3)
'speak'
Какой символ разделяет объявления, сгруппированные внутри блока?
(1)
":"
(2)
"/"
(3)
";"
Процентное значение корректно описано:
(1)
P { font-size: 10pt }
(2)
P { line-height: 120% }
(3)
P { font-size: 120in }
(4)
P { line-height: 120px }
Какой псевдокласс совпадает с элементом, являющимся первым дочерним элементом какого-либо другого элемента?
(1)
:active
(2)
:hover
(3)
:link
(4)
:first-child
Укажите относительные значения:
(1)
'15px'
(2)
'50in'
(3)
'10cm'
(4)
'3ex'
Укажите варианты, в которых корректно заданы параметры полей:
(1)
p{padding-top: -5px}
(2)
p{padding-top: auto}
(3)
p{padding-top: 10%}
В каких примерах бокс inner всплывает вправо, а остальной текст документа всплывает в незанятом пространстве?
(1)
#inner { float: right; width: 130px; color: blue }
#sibling { color: red }
(2)
#inner { float: left; width: 130px; color: blue }
#sibling { color: red }
(3)
#inner { float: inherit; width: 130px; color: blue }
#sibling { color: red }
(4)
#inner { float: none; width: 130px; color: blue }
#sibling { color: red }
В каком примере сжимаемая область имеет тот же размер и размещение, что и бокс элемента:
(1)
{ clip: auto }
(2)
{ clip: inherit }
(3)
{ clip: none }
(4)
{ clip: block }
Укажите допустимые значения свойства
'marker-offset':
(1)
'inherit'
(2)
'auto'
(3)
'none'
(4)
'open-quote'
Как можно установить цвет фона элемента?
(1)
H1 { background-color: #F00 }
(2)
H2 { background-color: #F00000 }
(3)
H3 { background-color: #000010 }
(4)
H4 { background-color }
Укажите корректные примеры описания шрифтов:
(1)
pre { oblique arial }
(2)
h1 { font: italic 200 arial }
(3)
p { font: status }
Укажите начальное значение свойства
'text-transform':
(1)
{ text-transform: none }
(2)
{ text-transform: capitalize }
(3)
{ text-transform: uppercase }
(4)
{ text-transform: lowercase }
Управлять обрамлением пустых ячеек можно с помощью свойства:
(1)
'speak-header'
(2)
'empty-cells'
(3)
'border-collapse'
(4)
'border-spacing'
В каком примере числа будут произноситься отдельными цифрами:
(1)
{ speak-numeral: full }
(2)
{ speak-numeral: inherit }
(3)
{ speak-numeral: digits }
(4)
{ speak-numeral: continuous }
К замещаемым элементам HTML относятся:
(1)
IMG
(2)
INPUT
(3)
TEXTAREA
Укажите примеры корректного описания цветов:
(1)
P { color: ff0000 }
(2)
body {background: #abc}
(3)
i {color: rgb(12,34,130)}
(4)
em {color: 100%;50%;30%)}
Какие псевдоэлементы можно использовать для вставки генерируемого содержимого до или после содержимого элемента?
(1)
:after
(2)
:first-line
(3)
:first-child
(4)
:before
Укажите варианты, в которых корректно заданы параметры полей:
(1)
h1.all {padding: 1cm 2cm 1cm 2cm}
(2)
h1.all {padding: 1% 2% 1% 2%}
(3)
h1.all {padding: 1 2 1 2}
В каком примере содержащий блок для inner станет начальным содержащим блоком:
(1)
#outer { color: red }
#inner {
position: absolute;
top: 200px; left: -100px;
height: 130px; width: 130px;
color: blue;
}
(2)
#outer { color: red }
(3)
#outer { color: red }
{
position: absolute;
top: 200px; left: -100px;
height: 130px; width: 130px;
color: blue;
}
Какое начальное значение имеет свойство
'visibility'?
(1)
{ visibility: hidden }
(2)
{ visibility: visible }
(3)
{ visibility: collapse }
(4)
{ visibility: inherit }
В каком примере будет использоваться
'disc', если изображение недоступно:
(1)
UL { list-style: url("http://www.intuit.ru/picture.png") disc }
UL { list-style: none }
(2)
UL { list-style: url("http://www.intuit.ru/picture.jpg") }
UL { list-style: none }
(3)
UL { list-style: none }
В каком правиле все индивидуальные свойства специфицированы:
(1)
BODY { background: red }
(2)
P { background: url("chess.png") gray 50% repeat fixed }
(3)
BODY { background: gray }
В каком примере все символы каждого слова элемента
PRE переводятся в нижний регистр?
(1)
PRE { text-transform: capitalize }
(2)
PRE { text-transform: auto }
(3)
PRE { text-transform: inherit }
(4)
PRE { text-transform: lowercase }
В каком примере верх рамки таблицы установлен в
'hidden', чтобы подавить верхний край рамки первого ряда:
(1)
TABLE[rules=rows] TR { border-top: solid }
(2)
TABLE[rules=rows] { border-collapse: collapse;
border-top: hidden }
(3)
TABLE[rules=rows] TR { border-top: solid }
TABLE[rules=rows] { border-collapse: collapse; border-top: hidden }
Какая величина измеряется в
ms:
(1)
время
(2)
высота
(3)
такой единицы измерения нет
В каком примере первые буквы каждого элемента
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% }
В каких примерах корректно использовано свойство 'unicode-bidi'?
(1)
{ unicode-bidi: embed }
(2)
{ unicode-bidi: normal }
(3)
{ unicode-bidi: bidi-override }
(4)
{ unicode-bidi: inherit }
Выберите корректные примеры:
(1)
PRE { white-space: pre }
(2)
P { white-space: normal }
(3)
TD[nowrap] { white-space: nowrap }
(4)
PRE.first { white-space: none }
В каком примере заголовок будет произносится однократно перед серией ячеек:
(1)
{ speak-header: once }
(2)
{ speak-header: always }
(3)
{ speak-header: inherit }