Главная / Интернет-технологии /
Основы работы с CSS / Тест 4
Основы работы с CSS - тест 4
Упражнение 1:
Номер 1
Какое свойство позволяет задать цвет текста?
Ответ:
 (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}
 
Упражнение 2:
Номер 1
Какое свойство позволяет задать направление текста?
Ответ:
 (1)
direction
 
 (2)
dir
 
 (3)
direct
 
Номер 2
Какое свойство позволяет задать направление текста?
Ответ:
 (1)
line
 
 (2)
direction
 
 (3)
redirect
 
Номер 3
Укажите допустимые значения свойства direction
:
Ответ:
 (1)
ltr
 
 (2)
normal
 
 (3)
rtl
 
Упражнение 3:
Номер 1
В каком примере текст в заголовках H1
, H2
или H3
будет отображаться шрифтом italic?
Ответ:
 (1)
H1; H2; H3 { font-style: oblique }
 
 (2)
H1 - H3 { font-style: italic }
 
 (3)
H1, H2, H3 { font-style: italic }
 
Номер 2
В каком примере текст тэга EM
в заголовке H1
будет иметь обычное начертание?
Ответ:
 (1)
H1 + EM { font-style: normal }
 
 (2)
H1, EM { font-style: normal }
 
 (3)
H1 {EM { font-style: normal }}
 
Номер 3
Какой из примеров устанавливает маленькие заглавные буквы для заголовка 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 }
 
Упражнение 4:
Номер 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
 
Упражнение 5:
Номер 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::arial
{
color: red;
}
</style>
 
Упражнение 6:
Номер 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 }
 
Упражнение 7:
Номер 1
Какое свойство позволяет задавать отступы?
Ответ:
 (1)
'text-indent'
 
 (2)
'text-align'
 
 (3)
'text-decoration'
 
Номер 2
Какое значение может иметь свойство 'text-indent'
?
Ответ:
 (1)
60%
 
 (2)
auto
 
 (3)
none
 
Номер 3
Укажите правильный вариант определения отступа для текста размером '3em':
Ответ:
 (1)
P { text-inherit: 3em }
 
 (2)
P { text indent: 3em }
 
 (3)
P { text-indent: 3em }
 
Упражнение 8:
Номер 1
Какое свойство позволяет управлять выравниванием?
Ответ:
 (1)
'text-align'
 
 (2)
'text-indent'
 
 (3)
'text-shadow'
 
Номер 2
В каких примерах корректно описано свойство 'text-align'
?
Ответ:
 (1)
{ text-align: left }
 
 (2)
{ text-align: right }
 
 (3)
{ text-align: auto }
 
Номер 3
В каких примерах корректно описано свойство '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 }
 
Упражнение 9:
Номер 2
Какое свойство позволяет управлять оттенением текста?
Ответ:
 (1)
'text-decoration'
 
 (2)
'text-indent'
 
 (3)
'text-shadow'
 
Упражнение 10:
Номер 1
Какое свойство задает выравнивание содержимого блока?
Ответ:
 (1)
'text-align'
 
 (2)
'text-decoration'
 
 (3)
'text-indent'
 
Номер 2
Укажите свойство, позволяющее сделать текст подчеркнутым:
Ответ:
 (1)
'text-decoration'
 
 (2)
'text-flash'
 
 (3)
'text-media'
 
Номер 3
Укажите пример, в котором текст будет мигать:
Ответ:
 (1)
{ text-decoration: blink }
 
 (2)
{ text-decoration: underline }
 
 (3)
{ text-decoration: overline }