Главная /
Интернет-технологии /
Основы работы с CSS
Основы работы с CSS - ответы на тесты Интуит
Правильные ответы выделены зелёным цветом.
Все ответы: Курс посвящен практике применения языка гипертекстовой разметки с применением каскадных таблиц стилей (Cascade Style Sheets).
Все ответы: Курс посвящен практике применения языка гипертекстовой разметки с применением каскадных таблиц стилей (Cascade Style Sheets).
Смотрите также:
Какой параметр задает высоту элемента?
(1)
height
(2)
line-height
(3)
max-height
Какой параметр задает тип выводимого курсора?
(1)
display
(2)
setcursor
(3)
cursor
Как с помощью псевдо-классов задать цвет гиперссылки?
(1)
<style type="text/css"> a:link {color: #808080}</style>
(2)
<style type="text/css"> a:linkcolor {#808080}</style>
(3)
<style type="text/css"> a {linkcolor: #808080}</style>
Укажите сокращенный вариант записи правила:
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/12pt Helvetica }
(3)
H1 { font: bold 12pt/14pt}
(4)
H1 { font: 14pt/12pt Helvetica }
Укажите корректный пример задания фонового цвета элемента:
(1)
<style type="text/css">
ul {background-color: rgb(200,10,200)}
</style>
(2)
<style type="text/css">
ol {bground-fon: #00FFFF}
</style>
(3)
<style type="text/css">
p {bg-color: blue}
</style>
Какое свойство позволяет задать цвет текста?
(1)
color
(2)
text
(3)
textcolor
Укажите вариант определения курсива:
(1)
'oblique'
(2)
'cursive'
(3)
'italic'
Какой параметр можно использовать для задания свойств всех четырех сторон границы в одном объявлении?
(1)
border-all
(2)
border
(3)
setborder
Какой параметр можно использовать для задания всех отступов в одном объявлении?
(1)
margin-all
(2)
margin
(3)
setmargin
Какой параметр можно использовать для задания всех характеристик списка в одном объявлении?
(1)
list
(2)
list-style
(3)
style
Какой параметр задает интервал между строками?
(1)
height
(2)
line-height
(3)
max-height
Как установить курсор в виде песочных часов?
(1)
clock
(2)
wait
(3)
time
Как с помощью псевдо-классов создать новый стиль гиперссылки?
(1)
<style type="text/css">
a.mystyle:link {color: #808000}
a.mystyle:visited {color: #008080}
a.mystyle:hover {font-size: 250%}
</style>
(2)
<style mystyle type="text/css">
a:link {color: #808000}
a:visited {color: #008080}
a:hover {font-size: 250%}
</style>
(3)
<style type="text/css">
a.mystyle:
link
{
color=#808000,
visited: color=#008080,
hover: font-size=250%}
}
</style>
Укажите корректный пример задания изображения в качестве фона:
(1)
<style type="text/css">
body
{
background-source:
url(http://www.intuit.ru/picture.jpg)
}
</style>
(2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
}
</style>
(3)
<style type="text/css">
body
{
background-fon:
url(http://www.intuit.ru/picture.jpg)
}
</style>
Какое свойство позволяет задать направление текста?
(1)
direction
(2)
dir
(3)
direct
В каком примере текст в заголовках
H1, H2 или H3 будет отображаться шрифтом italic?
(1)
H1; H2; H3 { font-style: oblique }
(2)
H1 - H3 { font-style: italic }
(3)
H1, H2, H3 { font-style: italic }
Какой параметр можно использовать для задания цвета нижней стороны границы?
(1)
border-down-color
(2)
border-bottom-color
(3)
border-bottom-style
В каком примере ширина левого отступа равняется 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}
Какой параметр задает изображение в качестве маркера элемента списка?
(1)
list-style-image
(2)
list-style-glyph
(3)
list-style-icon
Какой параметр задает максимальную высоту элемента?
(1)
height
(2)
line-height
(3)
max-height
Какой параметр позволяет задать способ визуализации элемента?
(1)
monitor
(2)
show
(3)
display
Какой псевдо-класс добавляет специальный стиль активированному элементу?
(1)
:active
(2)
:focus
(3)
:hover
Что является селектором в примере
P { font-size:10pt }?
(1)
P
(2)
'font-size'
(3)
10pt
(4)
{ font-size:10pt }
Укажите корректный пример задания повторяющегося фонового изображения:
(1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat
}
</style>
(2)
<style type="text/css">
body
{
background-source:
url(http://www.intuit.ru/picture.jpg)
background-repeat: repeat
}
</style>
(3)
<style type="text/css">
body
{
background-fon:
url(http://www.intuit.ru/picture.jpg)
background-repeat: repeat
}
</style>
В каком примере текст в заголовках
H1, H2 или H3 будет отображаться шрифтом italic?
(1)
H1; H2; H3 { font-style: oblique }
(2)
H1 - H3 { font-style: italic }
(3)
H1, H2, H3 { font-style: italic }
В каких примерах свойство
'font-size' описано без ошибок?
(1)
P { font-size: 12pt; }
(2)
BLOCKQUOTE { font-size: larger }
(3)
EM { font-size: 150% }
Какой параметр служит для задания стиля границы?
(1)
border-all-style
(2)
border-style
(3)
style
Укажите вариант, в котором корректно заданы параметры отступов:
(1)
p{margin-top: auto}
(2)
p{margin-top: off}
(3)
p{margin-top: none}
Какой параметр задает размещение маркера элемента списка?
(1)
list-style-position
(2)
list-style-pos
(3)
list-position
Какой параметр задает максимальную ширину элемента?
(1)
max-width
(2)
max-height
(3)
width
С помощью какого параметра можно задать вывод элемента в виде списка?
(1)
list
(2)
list-item
(3)
listing
Какой псевдо-класс добавляет специальный стиль непосещенной ссылке ?
(1)
:link
(2)
:visited
(3)
:notvisited
Что является объявлением в правиле
"H1 { color: brown }"?
(1)
H1
(2)
'color'
(3)
{ color: brown }
Укажите корректный пример задания повторяющегося только по вертикали фонового изображения:
(1)
<style type="text/css">
body
{
background-image:url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat;
};
</style>
(2)
<style type="text/css">
body
{
background-image:url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-y;
};
</style>
(3)
<style type="text/css">
body
{
background-image:url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-horiz;
};
</style>
Какое свойство позволяет изменить интервал между символами?
(1)
letter-spacing
(2)
space
(3)
para-spacing
Какое свойство позволяет вывести текст малыми прописными буквами?
(1)
font-style
(2)
font-variant
(3)
font-weight
Какой параметр служит для задания толщины границы?
(1)
border-width
(2)
border-all-width
(3)
width
Укажите варианты, в которых параметры отступов заданы ошибочно:
(1)
p{margin-top: auto}
(2)
p{margin-top: off}
(3)
p{margin-top: none}
Какой параметр задает тип маркера элемента списка?
(1)
list-style-type
(2)
list-style
(3)
list-type
Какой параметр задает минимальную высоту элемента?
(1)
min-height
(2)
min-width
(3)
height
Укажите корректные варианты форматирования:
(1)
div{clear: both}
(2)
div{clear: left}
(3)
div{clear: none}
(4)
div{clear: auto}
Примером псевдокласса гиперссылок являются:
(1)
A:link { color: red }
(2)
:link { color: red }
(3)
A.external:visited { color: blue }
Что является свойством объявления в примере
H1 { color: grey } ?
(1)
H1
(2)
{ color: grey }
(3)
color
Укажите корректный пример задания повторяющегося только по горизонтали фонового изображения:
(1)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-x;
}
</style>
(2)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat;
}
</style>
(3)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-horiz;
}
</style>
Выберите корректные примеры изменения интервала между символами:
(1)
<style type="text/css">
p {letter-spacing: 1cm}
</style>
(2)
<style type="text/css">
li {letter-spacing: 5px}
</style>
(3)
<style type="text/css">
h1 {letter-spacing: false}
</style>
В каких примерах корректно задается степень жирности шрифта?
(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>
Укажите корректный вариант задания толщины границы:
(1)
h2 { border-width: none }
(2)
h2 { border-width: thin }
(3)
h2 { border 2px }
Укажите вариант, в котором корректно заданы параметры отступов:
(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}
Какое значение параметра
list-style-position определяет размещение маркера внутри текста?
(1)
inside
(2)
outside
(3)
ontext
Какой параметр задает ширину элемента?
(1)
width
(2)
line-width
(3)
max-width
С помощью какого параметра можно определить, где в другом элементе появится изображение или текст?
(1)
float
(2)
visibility
(3)
pos
Псевдоэлементами являются:
(1)
:first-letter
(2)
:before
(3)
:after
(4)
:first-child
Что является значением объявления в правиле
"H2 { font-weight: bold }"?
(1)
H2 { font-weight: bold }
(2)
'font-weight'
(3)
'bold'
Укажите корректный пример задания фиксированного (не прокручивающегося) фонового изображения:
(1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
}
</style>
(2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>
(3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: true
}
</style>
Укажите корректные примеры использования свойства
text-indent:
(1)
<P STYLE="text-indent:20em;">
(2)
<P="text-indent:20pt;">
(3)
<P STYLE="text-indent">
(4)
<P STYLE="text-indent:20pt;">
Укажите корректные примеры описания шрифтов:
(1)
pre { font: oblique arial }
(2)
h1 { font: italic 200 arial }
(3)
p { font: italic small-caps 10px/12px serif }
Укажите корректный вариант задания цвета границы:
(1)
h2 { border-bottom #800000}
(2)
h2 { border-bottom: color=#800000}
(3)
h2 { border-bottom-color: #800000}
Какой параметр можно использовать для задания всех полей в одном объявлении?
(1)
padding-all
(2)
padding
(3)
setpadding
Какое значение параметра
list-style-type определяет список без маркера?
(1)
none
(2)
off
(3)
null
Укажите корректные варианты форматирования:
(1)
p{height: 50px}
(2)
div{line-height: 2.1}
(3)
div{line-height: -2}
Какой параметр задает форму элемента?
(1)
redraw
(2)
form
(3)
clip
Первая форматированная строка будет голубого цвета в следующем примере:
(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)
<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>
Укажите корректный пример задания прокручивающегося фонового изображения:
(1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: scroll
}
</style>
(2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: repeat;
background-attachment: fixed
}
</style>
(3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: true
}
</style>
Какое свойство позволяет задавать отступы?
(1)
'text-indent'
(2)
'text-align'
(3)
'text-decoration'
Укажите корректные примеры сокращенной записи свойств шрифта:
(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)
p {border-style: double-sided}
(2)
p {border-style: dashed}
(3)
p {border-style: solid tripple}
В каком примере ширина левого поля равняется 20px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 20px 10px 20px 10px}
(3)
{padding: 5px 20px 5px 10px}
Какое значение параметра
list-style-type определяет маркер - число?
(1)
decimal
(2)
alpha
(3)
arabical
Укажите корректные варианты форматирования:
(1)
p{height: 50px}
(2)
hr{width: 20%}
(3)
hr{distance: 20%}
Какой параметр определяет, что происходит, когда содержимое элемента переполняет его область?
(1)
overflow
(2)
draw
(3)
clip
Какой псевдо-элемент добавляет специальный стиль к первой букве текста?
(1)
first-letter
(2)
first
(3)
first-line
Укажите атрибуты тэга LINK, которые используются для ссылки на внешнюю таблицу стилей:
(1)
"rel"
(2)
"href"
(3)
"text/html"
Укажите корректный пример сокращенной формы задания прокручивающегося фонового изображения:
(1)
<style type="text/css">
body
{
repeat background: blue url(http://www.intuit.ru/picture.jpg);
}
</style>
(2)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat dynamic center;
}
</style>
(3)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat scroll center;
}
</style>
Какое свойство позволяет управлять выравниванием?
(1)
'text-align'
(2)
'text-indent'
(3)
'text-shadow'
Перечислите доступные свойства параметра
font
(1)
font-style
(2)
font-variant
(3)
font
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed}
(2)
p {border-style: double-sided}
(3)
p {border-style: solid tripple}
Укажите вариант, в котором корректно заданы параметры полей:
(1)
p{padding-top: auto}
(2)
p{padding-top: off}
(3)
p{padding-top: none}
Укажите пример корректного задания маркеров:
(1)
ol{list-style-type: rnd}
(2)
ol{list-type: circle}
(3)
ol{list-style-type: circle}
Какой параметр определяет, насколько далеко правый край элемента находится левее/правее правого края родительского элемента?
(1)
left
(2)
right
(3)
top
Какой псевдо-элемент добавляет специальный стиль к первой строке текста?
(1)
first-letter
(2)
first
(3)
first-line
Укажите пример корректного подключения внешней таблицы стилей:
(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)
background-position
(2)
background-image
(3)
background-pos
Укажите варианты, в которых параметры полей заданы ошибочно:
(1)
p{padding-top: auto}
(2)
p{padding-top: off}
(3)
p{padding-top: none}
Укажите варианты форматирования, в которых допущена ошибка:
(1)
pre{position: absolute;bottom: 50px}
(2)
pre{position: abs}
(3)
pre{position: absolute;bottom: nocellpadding}
Какой псевдо-элемент позволяет вставить некоторое содержимое перед элементом ?
(1)
:undo
(2)
:after
(3)
:before
С помощью какого элемента можно сослаться на внешнюю таблицу стилей?
(1)
<UL>
(2)
<TABLE>
(3)
<LINK>
Укажите допустимые значения свойства background-attachment:
(1)
static
(2)
fixed
(3)
scroll
Какое свойство задает выравнивание содержимого блока?
(1)
'text-align'
(2)
'text-decoration'
(3)
'text-indent'
Укажите вариант, в котором корректно заданы параметры полей:
(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)
<style type="text/css">
p.ab
{
position:absolute;
left:75px;
top:200px
}
</style>
(2)
<style type="text/css">
p.ab
{
position:static;
left:75px;
top:200px
}
</style>
(3)
<style type="text/css">
p
{
position:absolute;
clip:rect(2px 250px 250px 0px)
}
</style>
Укажите доступные значения параметра
height:
(1)
50px
(2)
5px
(3)
auto
(4)
10%
Укажите доступные значения параметра
cursor:
(1)
default
(2)
text
(3)
wait
(4)
stop
Как с помощью псевдо-классов задать цвет посещенной гиперссылки?
(1)
<style type="text/css"> a:visited {color: #808080}</style>
(2)
<style type="text/css"> a:last {color: #808080}</style>
(3)
<style type="text/css"> a:visited {#808080}</style>
Укажите сокращенный вариант записи правила:
H1 {
font-weight: bold;
font-size: 14pt;
line-height: 12pt;
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/12pt Helvetica }
(3)
H1 { font: bold 12pt/14pt}
(4)
H1 { font: 14pt/12pt Helvetica }
Укажите корректный пример задания фонового цвета элемента:
(1)
<style type="text/css">
ol {bground: #00FFFF}
</style>
(2)
<style type="text/css">
ol {background-color: #00FFFF}
</style>
(3)
<style type="text/css">
ol {back-color: #00FFFF}
</style>
Какое свойство позволяет задать цвет текста?
(1)
text
(2)
color
(3)
fontcolor
Укажите вариант определения полужирного шрифта:
(1)
'regularbold'
(2)
'bold'
(3)
'demi'
Укажите доступные значения параметра border:
(1)
border-width
(2)
border-style
(3)
border-up
Укажите доступные значения параметра
margin:
(1)
10%
(2)
5px
(3)
off
Укажите доступные значения параметра list-style:
(1)
list-style-type
(2)
list-style-image
(3)
list-style-border
Укажите доступные значения параметра
line-height:
(1)
2.1
(2)
10pt
(3)
auto
(4)
normal
Как установить курсор в виде указателя (руки)?
(1)
pointer
(2)
arm
(3)
link
Как с помощью псевдо-классов создать новый стиль гиперссылки?
(1)
<style type="text/css">
a.new:link {color: #808000}
a.new:hover {font-size: 25%}
</style>
(2)
<style mystyle type="text/css">
a:new {color: #808000}
a:new {font-size: 25%}
</style>
(3)
<style type="text/css">
a.new:
link
{
color=#808000,
hover: font-size=25%}
}
</style>
Какие свойства получат свои начальные значения в примере:
H1 { font: bold 12pt/14pt Helvetica }
(1)
'font-family'
(2)
'font-weight
(3)
'font-variant'
Укажите корректный пример задания изображения в качестве фона:
(1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/pic.jpg);
}
</style>
(2)
<style type="text/css">
body
{
background-image: http://www.intuit.ru/picture.jpg;
}
</style>
(3)
<style type="text/css">
body
{
background-image: "url(http://www.intuit.ru/picture.jpg)";
}
</style>
Какое свойство позволяет задать направление текста?
(1)
line
(2)
direction
(3)
redirect
В каком примере текст тэга
EM в заголовке H1 будет иметь обычное начертание?
(1)
H1 EM { font-style: normal }
(2)
H1, EM { font-style: normal }
(3)
H1 {EM { font-style: normal }}
Какой параметр можно использовать для задания цвета левой стороны границы?
(1)
border-left-style
(2)
border-right-color
(3)
border-left-color
В каких примерах ширина внешнего правого отступа равняется 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}
Укажите доступное значение параметра
list-style-image:
(1)
"off"
(2)
url("www.intuit.ru/image.gif")
(3)
"www.intuit.ru/image.tiff"
Укажите доступные значения параметра
max-height:
(1)
2.1
(2)
10pt
(3)
auto
(4)
none
Укажите допустимые значения параметра
display:
(1)
html
(2)
table
(3)
body
(4)
off
Какой псевдо-класс добавляет специальный стиль элементу, когда элемент находится в фокусе?
(1)
:active
(2)
:focus
(3)
:hover
Что является селектором в примере
H2 { font-weight: bold }?
(1)
{ font-weight: bold }
(2)
H2
(3)
bold
(4)
H2 { font-weight: bold }
Укажите корректный пример задания повторяющегося фонового изображения:
(1)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/pic.jpg);
background-repeat: repeat;
}
</style>
(2)
<style type="text/css">
body
{
background-image: http://www.intuit.ru/picture.jpg;
background: repeat;
}
</style>
(3)
<style type="text/css">
body
{
background-image: "url(http://www.intuit.ru/picture.jpg)";
background-repeat: true;
}
</style>
В каком примере текст тэга
EM в заголовке H1 будет иметь обычное начертание?
(1)
H1 + EM { font-style: normal }
(2)
H1, EM { font-style: normal }
(3)
H1 {EM { font-style: normal }}
Назовите свойство, позволяющее управлять размером шрифта:
(1)
'font-size-adjust'
(2)
'font-width'
(3)
'font-higth'
(4)
'font-size'
Укажите допустимые значения параметра
border-style?
(1)
none
(2)
dotted
(3)
lines
Укажите вариант, в котором корректно заданы параметры отступов:
(1)
p{margin-top: 5px}
(2)
p{margin-top: 5p}
(3)
p{margin-top: 5}
Укажите доступное значение параметра
list-style-position:
(1)
default
(2)
inside
(3)
left
Укажите доступные значения параметра
max-width:
(1)
2.1
(2)
10pt
(3)
auto
(4)
none
С помощью какого параметра можно задать вывод элемента в виде таблицы?
(1)
list
(2)
table-cell
(3)
table
Какой псевдо-класс добавляет специальный стиль посещенной ссылке ?
(1)
:link
(2)
:visited
(3)
:lastlink
Что является объявлением в правиле
"HR { width:50px }"?
(1)
HR { width:50px }
(2)
'width'
(3)
{ width:50px }
Укажите корректный пример задания повторяющегося только по вертикали фонового изображения:
(1)
<style type="text/css">
body
{
background-image: http://www.intuit.ru/picture.jpg;
background-repeat: repeat-y;
}
</style>
(2)
<style type="text/css">
body
{
background-image: "url(http://www.intuit.ru/picture.jpg)";
background-repeat: repeat-y;
}
</style>
(3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/pic.jpg);
background-repeat: repeat-y;
}
</style>
Какое свойство позволяет задать выравнивание текста в элементе?
(1)
text-align
(2)
direction
(3)
align
Какое значение свойства
font-variant позволяет вывести текст малыми прописными буквами?
(1)
'small-caps'
(2)
'small'
(3)
'normal'
Укажите допустимые значения параметра
border-width?
(1)
thin
(2)
medium
(3)
null
Укажите варианты, в которых параметры отступов заданы ошибочно:
(1)
p{margin-top: -2px}
(2)
p{margin-top: 5p}
(3)
p{margin-top: 5}
Укажите доступные значения параметра
list-style-type:
(1)
none
(2)
disc
(3)
circle
Укажите доступное значение параметра
max-height:
(1)
2.1
(2)
10pt
(3)
auto
(4)
none
Укажите корректные варианты форматирования:
(1)
div{cursor : url("general.cur"), url("other.cur"), text;}
(2)
div{cursor : url("general.cur"), text;}
(3)
div{cursor : wait;}
(4)
div{cursor : stop;}
К псевдоклассам относятся:
(1)
:first-child
(2)
:link
(3)
:lang
(4)
:notvisited
Что является свойством объявления в примере
P { font-weight: oblique }?
(1)
{ font-weight: oblique }
(2)
'font-weight'
(3)
'oblique'
Укажите корректный пример задания повторяющегося только по горизонтали фонового изображения:
(1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/pic.jpg);
background-repeat: repeat-x;
}
</style>
(2)
<style type="text/css">
body
{
background-image: http://www.intuit.ru/picture.jpg;
background-repeat: repeat-x;
}
</style>
(3)
<style type="text/css">
body
{
background-image: "url(http://www.intuit.ru/picture.jpg)";
background-repeat: repeat-x;
}
</style>
Выберите корректные примеры задания фонового цвета текста:
(1)
<style type="text/css">
span.back
{
background-color: gray
}
</style>
(2)
<style type="text/css">
span.fon
{
background-color: red
}
</style>
(3)
<style type="text/css">
span.fon
{
bgcolor red
}
</style>
В каких примерах корректно задается степень жирности шрифта?
(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>
Укажите корректный вариант задания толщины границы:
(1)
p { border-width: medium }
(2)
p { border-top-width: none }
(3)
p { border-down-width: 2px }
Укажите вариант, в котором корректно заданы параметры отступов:
(1)
h1.all {margin: 1cm 2cm 1cm 2cm}
(2)
h1.all {1cm 2cm 1cm 2cm}
(3)
h1.all {margin: 1 2 1 2}
Какое значение параметра
list-style-position определяет размещение маркера слева от текстового блока?
(1)
true
(2)
outside
(3)
left
Укажите доступные значения параметра
width:
(1)
50px
(2)
5px
(3)
auto
(4)
10%
Укажите корректные варианты использования свойства
visibility:
(1)
pre{visibility: hidden}
(2)
pre:visibility=hidden
(3)
h1{visibility: visible}
Какой псевдоэлемент можно использовать для "начальных заглавных" и "зависающих заглавных", которые являются распространенными типографскими эффектами?
(1)
:first-line
(2)
:first-child
(3)
:before
(4)
:first-letter
Что является значением объявления в правиле
"I { font-weight: bold }"?
(1)
I
(2)
{ font-weight: bold }
(3)
'bold'
Укажите корректный пример задания фиксированного (не прокручивающегося) фонового изображения:
(1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: fixed
}
</style>
(2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: locked
}
</style>
(3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: static
}
</style>
Укажите корректные примеры использования свойства
text-indent:
(1)
{ text-indent: 2in }
(2)
{ text-indent: 20% }
(3)
{ text-indent: 10ct }
Укажите корректные примеры описания шрифтов:
(1)
pre { oblique arial }
(2)
h1 { font: italic 200 arial }
(3)
p { font: status-bar }
Укажите корректный вариант задания цвета границы:
(1)
h6 { border-color: red}
(2)
h6 { border-color #red}
(3)
h6 { border-color red}
Укажите доступные значения параметра padding:
(1)
10%
(2)
5px
(3)
off
Какое значение параметра
list-style-type определяет маркер - закрашенный круг?
(1)
circle
(2)
disc
(3)
round
Укажите корректные варианты форматирования:
(1)
p{height: 50px}
(2)
div{line-height: 120%}
(3)
div{lineheight: 120%}
Укажите доступные значения параметра
clip:
(1)
clip:rect(2px 175px 100px 0px)
(2)
clip:auto
(3)
clip:rect(2%)
(4)
clip:off
В каком примере будет создана начальная заглавная зависающая буква, захватывающая две строки:
(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)
<STYLE type="text/css">
H1 { color: blue }
</STYLE>
(2)
<LINK rel="stylesheet" href="one.css" type="text/css">
(3)
HR { width:250px }
Укажите корректный пример задания прокручивающегося фонового изображения:
(1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background: repeat;
}
</style>
(2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: dynamic;
}
</style>
(3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
}
</style>
Какое значение может иметь свойство
'text-indent'?
(1)
60%
(2)
auto
(3)
none
Укажите корректный пример сокращенной записи свойств шрифта:
(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)
p {border-style: dashed dotted lines}
(2)
p {border-style: dashed double dotted solid}
(3)
p {border-style: dotted no}
В каких примерах ширина правого поля равняется 10px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 10px 10px 20px 20px}
(3)
{padding: 10px 5px 10px 5px}
Какое значение параметра
list-style-type определяет маркер - латинские большие буквы?
(1)
upper-latin
(2)
latin
(3)
upper
Укажите корректный вариант форматирования:
(1)
hr{left-height: 20%}
(2)
div{max-height: 200%}
(3)
p{max-height: off}
Укажите доступные значения параметра
overflow:
(1)
visible
(2)
hidden
(3)
scroll
(4)
none
Перечислите параметры псевдо-элемента
first-letter:
(1)
text-decoration
(2)
vertical-align
(3)
text-transform
(4)
visited
Какие символы используются при описании объявления?
(1)
"/...\"
(2)
"{...}"
(3)
"/*...*/"
Укажите корректный пример сокращенной формы задания повторяющегося только по горизонтали фонового изображения:
(1)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat center;
}
</style>
(2)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat-x center;
}
</style>
(3)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) scroll-x center;
}
</style>
В каких примерах корректно описано свойство
'text-align'?
(1)
{ text-align: left }
(2)
{ text-align: right }
(3)
{ text-align: auto }
Перечислите доступные свойства параметра
font
(1)
font-size
(2)
font-variant
(3)
font-menu
(4)
font-hint
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed dotted lines}
(2)
p {border-style: dashed double dotted solid}
(3)
p {border-style: dotted no}
Укажите вариант, в котором корректно заданы параметры полей:
(1)
p{padding-top: 5px}
(2)
p{padding-top: 5p}
(3)
p{padding-top: 5}
Укажите пример корректного задания маркеров:
(1)
ul{list-style-position: outside}
(2)
ul{list-style-position outside}
(3)
ul{list-style-position: out}
Укажите варианты форматирования, в которых допущена ошибка:
(1)
pre{position: absolute;bottom: -50px}
(2)
pre{bottom = -50px}
(3)
pre{down: -50px}
Какой псевдо-элемент позволяет вставить некоторое содержимое после элемента ?
(1)
:redo
(2)
:after
(3)
:before
С помощью какого элемента можно поместить в документ таблицу стилей?
(1)
<STYLE>
(2)
<TABLE>
(3)
<LINK>
(4)
<P>
Укажите допустимые значения свойства background-position:
(1)
top left
(2)
down left
(3)
center center
Укажите свойство, позволяющее сделать текст подчеркнутым:
(1)
'text-decoration'
(2)
'text-flash'
(3)
'text-media'
Укажите вариант, в котором корректно заданы параметры полей:
(1)
h1.all {padding: 1cm 2cm 1cm 2cm}
(2)
h1.all {1cm 2cm 1cm 2cm}
(3)
h1.all {padding: 1 2 1 2}
Укажите корректные варианты форматирования:
(1)
<style type="text/css">
img.first {vertical-align:text-bottom}
img.second {vertical-align:text-top}
</style>
(2)
<style type="text/css">
img.index
{
position:absolute;
left:10px;
top:40px;
z-index:-1;
}
</style>
(3)
<style type="text/css">
img.index
{
position:relative
top:nomargin
z-index:1
}
</style>
Перечислите параметры псевдо-элемента
first-line:
(1)
text-decoration
(2)
vertical-align
(3)
text-transform
(4)
visited
Укажите примеры корректного подключения внешней таблицы стилей:
(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-image
(2)
background-img
(3)
bg-image
Какое свойство позволяет управлять оттенением текста?
(1)
'text-decoration'
(2)
'text-indent'
(3)
'text-shadow'
Укажите варианты, в которых параметры полей заданы ошибочно:
(1)
p{padding-top: 5px}
(2)
p{padding-top: 5p}
(3)
p{padding-top: 5}
Укажите доступные значения параметра
height:
(1)
5px
(2)
5
(3)
none
(4)
10%
Укажите доступные значения параметра
cursor:
(1)
crosshair
(2)
auto
(3)
"www.intuit.ru\cursor.psd"
(4)
url("www.intuit.ru\cursor.cur"), pointer
Как с помощью псевдо-классов задать цвет активной гиперссылки?
(1)
<style type="text/css"> a:active {color: #808080}</style>
(2)
<style type="text/css"> a:onmouseover {color: #808080}</style>
(3)
<style type="text/css"> a:color {#808080}</style>
Укажите сокращенный вариант записи правила:
P {
font-weight: bold;
font-size: 14pt;
line-height: 12pt;
font-family: Arial;
font-variant: normal;
font-style: normal;
font-stretch: normal;
font-size-adjust: none
}
(1)
P { font: bold 12pt/14pt Arial }
(2)
P { font: bold 14pt/12pt Arial }
(3)
P { font: bold 12pt/14pt}
(4)
P { font: 14pt/12pt Arial }
Укажите корректный пример задания фонового цвета элемента:
(1)
<style type="text/css">
li {bg: transparent}
</style>
(2)
<style type="text/css">
li {transparent}
</style>
(3)
<style type="text/css">
li {background-color: transparent}
</style>
Укажите допустимые значения свойства
color:
(1)
ol {color: rgb(0,0,255)}
(2)
ul {color: ffff00}
(3)
p {color: green}
Какое свойство определяет семейство шрифтов?
(1)
'font-style'
(2)
'font-family'
(3)
'font-variant'
Какой параметр служит для задания всех свойств нижней стороны границы в одном объявлении?
(1)
border-bottom
(2)
border-down
(3)
bottom
Какой параметр служит для задания левого отступа элемента?
(1)
margin-left
(2)
leftmargin
(3)
marginleft
Укажите доступные значения параметра
list-style:
(1)
list-style-position
(2)
list-style-type
(3)
list-margin
Укажите доступные значения параметра
line-height:
(1)
50%
(2)
5.1
(3)
none
(4)
10%
Как установить курсор в виде знака вопроса?
(1)
help
(2)
about
(3)
help-arrow
Как с помощью псевдо-классов создать новый стиль гиперссылки?
(1)
<style type="text/css">
a.family:visited {color: #008080}
a.family:hover {font-family: sans-serif}
</style>
(2)
<style mystyle type="text/css">
a[family]:visited {color: #008080}
a[family]:hover {font-family: sans-serif}
</style>
(3)
<style type="text/css">
a{family.visited {color: #008080}}
a{family.hover {font-family: sans-serif}}
</style>
Укажите корректный пример задания изображения в качестве фона:
(1)
<style type="text/css">
body
{
bg-image:
url(http://www.intuit.ru/picture.jpg)
}
</style>
(2)
<style type="text/css">
body
{
background-fon:
"http://www.intuit.ru/picture.jpg"
}
</style>
(3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/img.jpg)
}
</style>
Укажите допустимые значения свойства
direction:
(1)
ltr
(2)
normal
(3)
rtl
Какой из примеров устанавливает маленькие заглавные буквы для заголовка
H3 и наклонные - для выделенного текста (EM)?
(1)
H { font-variant: small-caps }
EM { font-style: oblique }
(2)
H3 { font-variant: small-caps }
EM { font-style: oblique }
(3)
H3 { font-variant: small-caps }
EM { font-style: cursiv }
Какой параметр можно использовать для задания цвета верхней стороны границы?
(1)
border-top-style
(2)
border-up-color
(3)
border-top-color
В каком примере ширина верхнего отступа равняется 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}
Укажите доступные значения параметра
list-style-image:
(1)
url("www.intuit.ru/image.gif")
(2)
url("www.intuit.ru/image.jpg")
(3)
auto
Укажите доступные значения параметра
max-height:
(1)
-2
(2)
5.1
(3)
none
(4)
10%
Укажите допустимые значения параметра
display:
(1)
block
(2)
inline
(3)
none
(4)
auto
Какой псевдо-класс добавляет специальный стиль элементу, когда указатель мыши находится над элементом?
(1)
:active
(2)
:focus
(3)
:hover
Что является селектором в примере
P { font-style:italic }?
(1)
{ font-style:italic }
(2)
'font-style'
(3)
P { font-style:italic }
(4)
P
Укажите корректный пример задания повторяющегося фонового изображения:
(1)
<style type="text/css">
body
{
bg-image:
url(http://www.intuit.ru/picture.jpg);
}
</style>
(2)
<style type="text/css">
body
{
background-image:
"http://www.intuit.ru/picture.jpg";
background-repeat: loop;
}
</style>
(3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/img.jpg);
background-repeat: repeat;
}
</style>
Какой из примеров устанавливает маленькие заглавные буквы для заголовка
H3 и наклонные - для выделенного текста (EM)?
(1)
H { font-variant: small-caps }
EM { font-style: oblique }
(2)
H3 { font-variant: small-caps }
EM { font-style: oblique }
(3)
H3 { font-variant: small-caps }
EM { font-style: cursive }
Укажите допустимые значения свойства
'font-size':
(1)
10em
(2)
10%
(3)
big
Укажите допустимые значения параметра
border-style?
(1)
outset
(2)
dots
(3)
solid
Укажите варианты, в которых корректно заданы параметры отступов:
(1)
p{margin-top: 5px}
(2)
p{margin-top: auto}
(3)
p{margin-top: 10%}
Укажите доступные значения параметра
list-style-position:
(1)
outside
(2)
inside
(3)
right
Укажите доступные значения параметра
max-width:
(1)
-2
(2)
5.1
(3)
none
(4)
10%
С помощью какого параметра можно отключить вывод элемента?
(1)
none
(2)
off
(3)
invisible
Какой псевдо-класс добавляет специальный стиль элементу, который является первым потомком некоторого другого элемента?
(1)
:first
(2)
:child
(3)
:first-child
Что является объявлением в правиле
"P { font-family:Arial }"?
(1)
P
(2)
'font-family'
(3)
{ font-family:Arial }
Укажите корректный пример задания повторяющегося только по вертикали фонового изображения:
(1)
<style type="text/css">
body
{
bg-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-y;
}
</style>
(2)
<style type="text/css">
body
{
background-image: "http://www.intuit.ru/picture.jpg";
background-loop: repeat-y;
}
</style>
(3)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/img.jpg);
background-repeat: repeat-y;
}
</style>
Укажите допустимые значения свойства
text-align:
(1)
left
(2)
right
(3)
none
Какое свойство определяет шрифты диалоговых окон?
(1)
message-box
(2)
dialogs
(3)
menu
Назовите допустимое значения параметра
border-width?
(1)
off
(2)
thick
(3)
none
Укажите вариант, в котором параметры отступов заданы ошибочно:
(1)
p{margin-top: 5px}
(2)
p{margin-top: auto}
(3)
p{margin-top: 10}
Укажите доступные значения параметра
list-style-type:
(1)
square
(2)
decimal
(3)
arabic
Укажите доступное значение параметра
max-height:
(1)
-2
(2)
5.1
(3)
none
(4)
10%
Укажите корректные варианты форматирования:
(1)
pre{display: block}
(2)
strong{display: inline}
(3)
img{display: none}
(4)
h1, h3{display: none}
Что является свойством объявления в примере
HR { width:250px } ?
(1)
HR
(2)
'width'
(3)
'250px'
Укажите корректный пример задания повторяющегося только по горизонтали фонового изображения:
(1)
<style type="text/css">
body
{
bg-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: repeat-x
}
</style>
(2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/img.jpg)
background-repeat: repeat-x
}
</style>
(3)
<style type="text/css">
body
{
background-image:
"http://www.intuit.ru/picture.jpg"
background-loop: repeat-x
}
</style>
Выберите корректный пример задания цвета текста:
(1)
<style type="text/css">
span.back
{
background-color: gray;
}
</style>
(2)
<style type="text/css">
h3 {color: green;}
</style>
(3)
<style type="text/css">
span::arial
{
color: red;
}
</style>
В каких примерах корректно задается степень жирности шрифта?
(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>
Укажите корректные варианты задания толщины границы:
(1)
li { border-bottom-width: medium }
(2)
li { border-down-width: 2px }
(3)
li { border-bottom-width: thick }
Укажите варианты, в которых корректно заданы параметры отступов:
(1)
h1.all {margin: 1cm 2cm 1cm 2cm}
(2)
h1.all {margin: 1% 2% 1% 2%}
(3)
h1.all {margin: 1 2 1 2}
Какое значение параметра
list-style-position определяет размещение маркера после текста?
(1)
inside
(2)
outside
(3)
такого параметра нет
Укажите доступные значения параметра
width:
(1)
5px
(2)
5
(3)
none
(4)
10%
С помощью какого параметра можно задать статическое, относительное, абсолютное или фиксированное положение элемента?
(1)
float
(2)
pos
(3)
position
Какие псевдоэлементы можно использовать для вставки генерируемого содержимого до или после содержимого элемента?
(1)
:after
(2)
:first-line
(3)
:first-child
(4)
:before
Что является значением объявления в правиле
"B { font-weight: bold }"?
(1)
B
(2)
B { font-weight: bold }
(3)
'bold'
Укажите корректный пример задания фиксированного (не прокручивающегося) фонового изображения:
(1)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat;
background-attachment: no-fixed;
}
</style>
(2)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background: fixed;
}
</style>
(3)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}
</style>
Укажите корректные примеры использования свойства
text-indent:
(1)
{ text-indent: 10in }
(2)
{ text-indent: 20em }
(3)
{ text-indent: -25ct }
(4)
{ text-indent: 25pc }
Укажите корректные примеры описания шрифтов:
(1)
font { oblique arial }
(2)
h1 { font: italic 200 arial }
(3)
p { font: status }
Укажите корректный вариант задания цвета границы:
(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)
padding-left
(2)
leftpadding
(3)
paddingleft
Какое значение параметра
list-style-type определяет маркер - окружность?
(1)
circle
(2)
disc
(3)
round
Укажите корректный вариант форматирования:
(1)
h6{max-width: 75%}
(2)
h6:max-width=75%
(3)
div{max-width=75%}
Укажите доступные значения параметра
clip:
(1)
clip:rect(2px 175px 100px 0px)
(2)
clip:rect(2, 175, 100, 0)
(3)
clip:10% 10% 15% 1%
(4)
clip:auto
В каком примере первые буквы каждого элемента
P будут зелеными и размером '24pt'. Остаток параграфа - красный:
(1)
P { color: red; font-size: 12pt }
P:first-letter { color: green; font-size: 200% }
(2)
P { color: green; font-size: 12pt }
P:first-letter { color: red; font-size: 200% }
(3)
P { color: green; font-size: 12pt }
P:first-line { color: red; font-size: 200% }
Укажите правильный вариант размещения таблицы стилей в документе:
(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>
Укажите правильный вариант определения отступа для текста размером '3em':
(1)
P { text-inherit: 3em }
(2)
P { text indent: 3em }
(3)
P { text-indent: 3em }
Укажите корректный пример сокращенной записи свойств шрифта:
(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 }
Укажите корректный вариант задания параметров границы:
(1)
p {border-style: dashed double hidden }
(2)
p {border-style: dashed noborder}
(3)
p {border-style: dashed nolines}
В каком примере ширина верхнего поля равняется 5px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 5px 10px 15px 20px}
(3)
{padding: 10px 10px 20px 5px}
Какое значение параметра
list-style-type определяет маркер - большие римские цифры?
(1)
upper-roman
(2)
roman
(3)
big-roman
Укажите доступные значения параметра
overflow:
(1)
invisible
(2)
resize
(3)
hidden
(4)
auto
Перечислите параметры псевдо-элемента
first-letter:
(1)
line-height
(2)
float
(3)
double
(4)
clear
Какой символ разделяет объявления, сгруппированные внутри блока?
(1)
":"
(2)
"/"
(3)
";"
Укажите корректный пример сокращенной формы задания повторяющегося только по вертикали фонового изображения:
(1)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat-x;
}
</style>
(2)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat-y;
}
</style>
(3)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) vertical;
}
</style>
В каких примерах корректно описано свойство
'text-align'?
(1)
DIV.center { text-align: justify }
(2)
DIV.center { text-align: center }
(3)
DIV.center { text-align: auto }
(4)
DIV.center { text-align: none }
Назовите доступное свойство параметра
font
(1)
message-box
(2)
font-weight
(3)
menu
(4)
font-small
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed noborder}
(2)
p {border-style: dashed nolines}
(3)
p {border-style: dashed double hidden }
Укажите варианты, в которых корректно заданы параметры полей:
(1)
p{padding-top: 5px}
(2)
p{padding-top: auto}
(3)
p{padding-top: 10%}
Укажите пример корректного задания маркеров:
(1)
ol{list-style: square inside "www.intuit.ru/image.gif"}
(2)
ol{list-style: none inside url("www.intuit.ru/image.gif")}
(3)
ol{list-style: square data-src="www.intuit.ru/image.gif")}
Укажите корректные варианты форматирования:
(1)
pre{position: absolute;left: 50px}
(2)
pre{position: left=50px}
(3)
pre{left: 50px}
Перечислите параметры псевдо-элемента
first-line:
(1)
word-spacing
(2)
letter-spacing
(3)
double
(4)
clear
Укажите пример корректного подключения внешней таблицы стилей:
(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)
bg-color
(2)
background-color
(3)
back
Укажите вариант, в котором параметры полей заданы ошибочно:
(1)
p{padding-top: 5px}
(2)
p{padding-top: 10pt}
(3)
p{padding-top: 10}
Укажите варианты форматирования, в которых допущена ошибка:
(1)
img{position:absolute z-index: 1}
(2)
img{position:absolute; z-index: 0}
(3)
img{position:static; left: 10px}
Укажите вариант стиля, который будет воспроизводить некоторый звук после каждого появления элемента заголовка h5:
(1)
h5:after{content: url(song.wav)}
(2)
h5:before{content: url(song.wav)}
(3)
h5:onload{content: url(song.wav)}
С помощью какого элемента можно сослаться на внешнюю таблицу стилей?
(1)
<TABLE>
(2)
<LINK>
(3)
<STYLE>
Укажите допустимые значения свойства background-repeat:
(1)
repeat
(2)
loop
(3)
repeat-y
Укажите пример, в котором текст будет мигать:
(1)
{ text-decoration: blink }
(2)
{ text-decoration: underline }
(3)
{ text-decoration: overline }
Укажите варианты, в которых корректно заданы параметры полей:
(1)
h1.all {padding: 1cm 2cm 1cm 2cm}
(2)
h1.all {padding: 1% 2% 1% 2%}
(3)
h1.all {padding: 1 2 1 2}
Укажите корректные варианты форматирования:
(1)
<style type="text/css">
p.right
{
position:relative;
left:20px
}
</style>
(2)
<style type="text/css">
img.index
{
position:absolute;
left:10px;
top:40px;
}
</style>
(3)
<style type="text/css">
p.right
{
position:static;
left:20px
}
</style>