Главная / Интернет-технологии /
Основы работы с CSS / Тест 5
Основы работы с CSS - тест 5
Упражнение 1:
Номер 1
Укажите вариант определения курсива:
Ответ:
 (1)
'oblique'
 
 (2)
'cursive'
 
 (3)
'italic'
 
Номер 2
Укажите вариант определения полужирного шрифта:
Ответ:
 (1)
'regularbold'
 
 (2)
'bold'
 
 (3)
'demi'
 
Номер 3
Какое свойство определяет семейство шрифтов?
Ответ:
 (1)
'font-style'
 
 (2)
'font-family'
 
 (3)
'font-variant'
 
Упражнение 2:
Номер 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: cursiv }
 
Упражнение 3:
Номер 1
В каких примерах свойство 'font-size'
описано без ошибок?
Ответ:
 (1)
P { font-size: 12pt; }
 
 (2)
BLOCKQUOTE { font-size: larger }
 
 (3)
EM { font-size: 150% }
 
Номер 2
Назовите свойство, позволяющее управлять размером шрифта:
Ответ:
 (1)
'font-size-adjust'
 
 (2)
'font-width'
 
 (3)
'font-higth'
 
 (4)
'font-size'
 
Номер 3
Укажите допустимые значения свойства 'font-size'
:
Ответ:
 (1)
10em
 
 (2)
10%
 
 (3)
big
 
Упражнение 4:
Номер 1
Какое свойство позволяет вывести текст малыми прописными буквами?
Ответ:
 (1)
font-style
 
 (2)
font-variant
 
 (3)
font-weight
 
Номер 2
Какое значение свойства font-variant
позволяет вывести текст малыми прописными буквами?
Ответ:
 (1)
'small-caps'
 
 (2)
'small'
 
 (3)
'normal'
 
Номер 3
Какое свойство определяет шрифты диалоговых окон?
Ответ:
 (1)
message-box
 
 (2)
dialogs
 
 (3)
menu
 
Упражнение 5:
Номер 1
В каких примерах корректно задается степень жирности шрифта?
Ответ:
 (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>
 
Номер 2
В каких примерах корректно задается степень жирности шрифта?
Ответ:
 (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>
 
Номер 3
В каких примерах корректно задается степень жирности шрифта?
Ответ:
 (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>
 
Упражнение 6:
Номер 1
Укажите корректные примеры описания шрифтов:
Ответ:
 (1)
pre { font: oblique arial }
 
 (2)
h1 { font: italic 200 arial }
 
 (3)
p { font: italic small-caps 10px/12px serif }
 
Номер 2
Укажите корректные примеры описания шрифтов:
Ответ:
 (1)
pre { oblique arial }
 
 (2)
h1 { font: italic 200 arial }
 
 (3)
p { font: status-bar }
 
Номер 3
Укажите корректные примеры описания шрифтов:
Ответ:
 (1)
font { oblique arial }
 
 (2)
h1 { font: italic 200 arial }
 
 (3)
p { font: status }
 
Упражнение 7:
Номер 1
Укажите корректные примеры сокращенной записи свойств шрифта:
Ответ:
 (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 }
 
Номер 2
Укажите корректный пример сокращенной записи свойств шрифта:
Ответ:
 (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 }
 
Номер 3
Укажите корректный пример сокращенной записи свойств шрифта:
Ответ:
 (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 }
 
Упражнение 8:
Номер 1
Перечислите доступные свойства параметра font
Ответ:
 (1)
font-style
 
 (2)
font-variant
 
 (3)
font
 
Номер 2
Перечислите доступные свойства параметра font
Ответ:
 (1)
font-size
 
 (2)
font-variant
 
 (3)
font-menu
 
 (4)
font-hint
 
Номер 3
Назовите доступное свойство параметра font
Ответ:
 (1)
message-box
 
 (2)
font-weight
 
 (3)
menu
 
 (4)
font-small