Главная / Интернет-технологии /
Применение каскадных таблиц стилей (CSS) / Тест 4
Применение каскадных таблиц стилей (CSS) - тест 4
Упражнение 1:
Номер 1
Какое свойство позволяет изменить интервал между символами?
Ответ:
 (1)
letter-spacing
 
 (2)
space
 
 (3)
para-spacing
 
Номер 2
Какое свойство позволяет задать выравнивание текста в элементе?
Ответ:
 (1)
text-align
 
 (2)
direction
 
 (3)
align
 
Номер 3
Укажите допустимые значения свойства text-align
:
Ответ:
 (1)
left
 
 (2)
right
 
 (3)
none
 
Упражнение 2:
Номер 1
Выберите корректный пример изменения интервала между символами:
Ответ:
 (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>
 
Номер 2
Выберите корректный пример задания фонового цвета текста:
Ответ:
 (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>
 
Номер 3
Выберите корректный пример задания цвета текста:
Ответ:
 (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.fon
{
color.red
}
</style>
 
Упражнение 3:
Номер 1
Какое свойство позволяет задавать отступы?
Ответ:
 (1)
'text-indent'
 
 (2)
'text-align'
 
 (3)
'text-decoration'
 
Номер 2
Какие значения может иметь свойство 'text-indent'
?
Ответ:
 (1)
'inherit'
 
 (2)
'auto'
 
 (3)
'none'
 
Номер 3
Укажите правильный вариант определения отступа для текста размером '3em':
Ответ:
 (1)
P { text-inherit: 3em }
 
 (2)
P { text indente: 3em }
 
 (3)
P { text-indent: 3em }
 
Упражнение 4:
Номер 1
Какое свойство позволяет задать цвет текста в CSS?
Ответ:
 (1)
color
 
 (2)
text
 
 (3)
textcolor
 
Номер 2
Какое свойство позволяет задать цвет текста?
Ответ:
 (1)
text
 
 (2)
color
 
 (3)
fontcolor
 
Номер 3
Укажите допустимые значения свойства color
:
Ответ:
 (1)
ol {color: rgb(0,0,255)}
 
 (2)
ul {color: ffff00}
 
 (3)
p {color: green}
 
Упражнение 5:
Номер 1
Укажите корректные примеры использования свойства text-indent
:
Ответ:
 (1)
<P STYLE="text-indent:20em;">
 
 (2)
<P="text-indent:20pt;">
 
 (3)
<P STYLE="text-indent">
 
 (4)
<P STYLE="text-indent:20pt;">
 
Номер 2
Укажите корректные примеры использования свойства text-indent
:
Ответ:
 (1)
{ text-indent: 2in }
 
 (2)
{ text-indent: 20% }
 
 (3)
{ text-indent: 10ct }
 
Номер 3
Укажите корректные примеры использования свойства text-indent
:
Ответ:
 (1)
{ text-indent: 10in }
 
 (2)
{ text-indent: 20em }
 
 (3)
{ text-indent: -25ct }
 
 (4)
{ text-indent: 25pc }
 
Упражнение 6:
Номер 1
Какой параметр задает размещение маркера элемента списка?
Ответ:
 (1)
list-style-position
 
 (2)
list-style-pos
 
 (3)
list-position
 
Номер 2
Укажите доступные значения параметра list-style-position
:
Ответ:
 (1)
default
 
 (2)
inside
 
 (3)
left
 
Номер 3
Укажите доступные значения параметра list-style-position
:
Ответ:
 (1)
outside
 
 (2)
inside
 
 (3)
right
 
Упражнение 7:
Номер 1
Какой параметр задает тип маркера элемента списка?
Ответ:
 (1)
list-style-type
 
 (2)
list-style
 
 (3)
list-type
 
Номер 2
Укажите доступные значения параметра list-style-type
:
Ответ:
 (1)
none
 
 (2)
disc
 
 (3)
circle
 
Номер 3
Укажите доступные значения параметра list-style-type
:
Ответ:
 (1)
square
 
 (2)
decimal
 
 (3)
arabic
 
Упражнение 8:
Номер 1
Какое значение параметра list-style-type
определяет список без маркера?
Ответ:
 (1)
none
 
 (2)
off
 
 (3)
null
 
Номер 2
Какое значение параметра list-style-type
определяет маркер - закрашенный круг?
Ответ:
 (1)
circle
 
 (2)
disc
 
 (3)
round
 
Номер 3
При каком значение параметра list-style-type
маркером будет окружность?
Ответ:
 (1)
circle
 
 (2)
disc
 
 (3)
round
 
Упражнение 9:
Номер 1
Какое значение параметра list-style-type
определяет маркер - число?
Ответ:
 (1)
decimal
 
 (2)
alpha
 
 (3)
arabical
 
Номер 3
Какое значение параметра list-style-type
определяет маркер - большие римские цифры?
Ответ:
 (1)
upper-roman
 
 (2)
roman
 
 (3)
big-roman
 
Упражнение 10:
Номер 1
Укажите примеры корректного задания маркеров:
Ответ:
 (1)
ol{list-style-type: rnd}
 
 (2)
ol{list-style: circle}
 
 (3)
ol{list-style-type: circle}
 
Номер 2
Укажите пример корректного задания маркеров:
Ответ:
 (1)
ul{list-style-position: outside}
 
 (2)
ul{list-style-position outside}
 
 (3)
ul{list-style-position: out}
 
Номер 3
Укажите примеры корректного задания маркеров:
Ответ:
 (1)
ol{list-style: square inside "www.intuit.ru/image.gif"}
 
 (2)
ol{list-style: square inside url("www.intuit.ru/image.gif")}
 
 (3)
ol{list-style: square src="www.intuit.ru/image.gif")}