Главная / Интернет-технологии /
Спецификация CSS2 / Тест 16
Спецификация CSS2 - тест 16
Упражнение 1:
Номер 1
С помощью какого свойства можно управлять отступами?
Ответ:
 (1)
'text-indent'
 
 (2)
'text-align'
 
 (3)
'text-decoration'
 
Номер 2
Укажите доступные значения свойства 'text-indent'
:
Ответ:
 (1)
'inherit'
 
 (2)
'auto'
 
 (3)
'none'
 
Номер 3
Как можно определить отступ размером '3em' для текста:
Ответ:
 (1)
P { text-indent: 1em }
 
 (2)
P { text-indent: 2em }
 
 (3)
P { text-indent: -3em }
 
 (4)
P { text-indent: 3em }
 
Упражнение 2:
Номер 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
Какие примеры корректны:
Ответ:
 (1)
{ text-indent: 10in }
 
 (2)
{ text-indent: 20em }
 
 (3)
{ text-indent: -1mm }
 
 (4)
{ text-indent: -25ct }
 
Упражнение 3:
Номер 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 }
 
 (4)
{ text-align: justify }
 
Номер 3
Укажите варианты корректного описания свойства 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 }
 
Упражнение 4:
Номер 1
Какое свойство описывает выравнивание инлайн-содержимого блока?
Ответ:
 (1)
'text-align'
 
 (2)
'text-decoration'
 
 (3)
'text-shadow'
 
 (4)
'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 }
 
 (4)
{ text-indent: blink }
 
Упражнение 5:
Номер 2
С помощью какого свойства можно управлять оттенением текста?
Ответ:
 (1)
'text-decoration'
 
 (2)
'text-indent'
 
 (3)
'text-align'
 
 (4)
'text-shadow'
 
Номер 3
Укажите примеры корректного описания свойства '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 }
 
Упражнение 6:
Номер 1
Начальным значением 'text-shadow'
является:
Ответ:
 (1)
{ text-shadow: inherit }
 
 (2)
{ text-shadow: auto }
 
 (3)
{ text-shadow: center }
 
 (4)
{ text-shadow: none }
 
Номер 2
Какой пример установит тень справа и снизу от текста элемента:
Ответ:
 (1)
H1 { text-shadow: 1em 1em }
 
 (2)
H5 { shadow: 5px 2px 5px red }
 
 (3)
H2 { text-shadow: 2em 2em }
 
Номер 3
Какой пример установит тень справа и снизу от текста элемента. Тень будет иметь радиус рассеяния 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 }
 
Упражнение 7:
Номер 1
Какое свойство позволяет управлять расстоянием между буквами?
Ответ:
 (1)
'letter-spacing'
 
 (2)
'text-indent'
 
 (3)
'text-align'
 
 (4)
'word-spacing'
 
Номер 2
Какое свойство позволяет управлять расстоянием между словами?
Ответ:
 (1)
'word-spacing'
 
 (2)
'word'
 
 (3)
'letter'
 
 (4)
'letter-spacing'
 
Номер 3
Укажите доступные значения свойства 'letter-spacing'
:
Ответ:
 (1)
{ letter-spacing: normal }
 
 (2)
{ letter-spacing: inherit }
 
 (3)
{ letter-spacing: none }
 
 (4)
{ letter-spacing: auto }
 
Упражнение 8:
Номер 1
В каком примере пространство между символами в элементах 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 }
 
Номер 2
В каком примере браузеру не разрешено изменять межсимвольное пространство:
Ответ:
 (1)
BLOCKQUOTE { letter-spacing: 0cm }
 
 (2)
BLOCKQUOTE { letter-spacing: 1cm }
 
 (3)
BLOCKQUOTE { spacing: 0 }
 
 (4)
BLOCKQUOTE { spacing: 1cm }
 
Номер 3
Укажите доступные значения свойства 'word-spacing'
:
Ответ:
 (1)
{ word-spacing: auto }
 
 (2)
{ word-spacing: normal }
 
 (3)
{ word-spacing: none }
 
 (4)
{ word-spacing: inherit }
 
Упражнение 9:
Номер 1
Укажите начальное значение свойства 'word-spacing'
:
Ответ:
 (1)
{ word-spacing: begin }
 
 (2)
{ word-spacing: auto }
 
 (3)
{ word-spacing: normal }
 
 (4)
{ word-spacing: inherit }
 
Номер 2
В каком примере пространство между словами в элементах H1
увеличено на '1em':
Ответ:
 (1)
H1 { word-spacing: 0.1em }
 
 (2)
H1 { letter-spacing: 0.1em }
 
 (3)
H1 { letter-spacing: 1em }
 
 (4)
H1 { word-spacing: 1em }
 
Номер 3
В каком примере пространство между словами в элементах H6
увеличено на '2em':
Ответ:
 (1)
H6 { word-spacing: -2em }
 
 (2)
H6 { word-spacing: +2em }
 
 (3)
H6 { word-spacing: 0.2em }
 
 (4)
H6 { word-spacing: 2em }
 
Упражнение 10:
Номер 1
С помощью какого свойства можно управлять капитализацией?
Ответ:
 (1)
'text-transform'
 
 (2)
'white-space'
 
 (3)
'text-decoration'
 
 (4)
'text-indent'
 
Номер 2
Выберите корректные описания свойства 'text-transform'
:
Ответ:
 (1)
{ text-transform: uppercase }
 
 (2)
{ text-transform: lowercase }
 
 (3)
{ text-transform: auto }
 
 (4)
{ text-transform: capitalize }
 
Номер 3
Укажите начальное значение свойства 'text-transform'
:
Ответ:
 (1)
{ text-transform: none }
 
 (2)
{ text-transform: capitalize }
 
 (3)
{ text-transform: uppercase }
 
 (4)
{ text-transform: lowercase }
 
Упражнение 11:
Номер 1
В каком примере первый символ каждого слова в элементе H2
переводится в верхний регистр?
Ответ:
 (1)
H2 { text-transform: uppercase }
 
 (2)
H2 { text-transform: capitalize }
 
 (3)
H2 { text-transform: lowercase }
 
 (4)
H2 { text-transform: none }
 
Номер 2
В каком примере все символы каждого слова элемента P
переводятся в прописные?
Ответ:
 (1)
P { text-transform: uppercase }
 
 (2)
P { text-transform: lowercase }
 
 (3)
P { text-transform: none }
 
 (4)
P { text-transform: capitalize }
 
Номер 3
В каком примере все символы каждого слова элемента PRE
переводятся в нижний регистр?
Ответ:
 (1)
PRE { text-transform: capitalize }
 
 (2)
PRE { text-transform: auto }
 
 (3)
PRE { text-transform: inherit }
 
 (4)
PRE { text-transform: lowercase }
 
Упражнение 12:
Номер 1
С помощью какого свойства можно управлять пробелом?
Ответ:
 (1)
'text-transform'
 
 (2)
'text-indent'
 
 (3)
'text-align'
 
 (4)
'white-space'
 
Номер 2
Укажите доступные значения свойства 'white-space'
:
Ответ:
 (1)
{ white-space: pre }
 
 (2)
{ white-space: normal }
 
 (3)
{ white-space: auto }
 
 (4)
{ white-space: nowrap }
 
Номер 3
Выберите корректные примеры:
Ответ:
 (1)
PRE { white-space: pre }
 
 (2)
P { white-space: normal }
 
 (3)
TD[nowrap] { white-space: nowrap }
 
 (4)
PRE.first { white-space: none }