игра брюс 2048
Главная / Интернет-технологии / Спецификация CSS2 / Тест 5

Спецификация CSS2 - тест 5

Упражнение 1:
Номер 1 
Какой патэрн обозначает совпадение любого элементов?

Ответ:

 (1) E F  

 (2) E + F  

 (3) E#myid  

 (4) *  

Номер 2 
В каком случае совпадает любой элемент F, непосредственно перед которым идет элемент E?

Ответ:

 (1) E + F  

 (2) E > F  

 (3) E F  

 (4) E[foo]  

Номер 3 
В каком примере совпадает элемент E, если E является первым дочерним элементом своего родителя?

Ответ:

 (1) E:lang(c)  

 (2) E:first-child  

 (3) DIV.warning  

 (4) E[foo="warning"]  

Упражнение 2:
Номер 1 
В каких вариантах описано совпадение элемента E во время определенных действий пользователя?

Ответ:

 (1) E:active  

 (2) E:focus  

 (3) E:visited  

 (4) E:hover  

Номер 2 
Следующим правилам:
H1 { font-family: sans-serif }
H2 { font-family: sans-serif }
H3 { font-family: sans-serif } 
                  эквивалентно:

Ответ:

 (1) H1 + H2 + H3 { font-family: sans-serif }  

 (2) H1 > H2 > H3 { font-family: sans-serif }  

 (3) H1 H2 H3 { font-family: sans-serif }  

 (4) H1, H2, H3 { font-family: sans-serif }  

Номер 3 
Код *[LANG=fr] эквивалентен:

Ответ:

 (1) [LANG]  

 (2) LANG=fr  

 (3) [LANG=fr]  

 (4) [*=fr]  

Упражнение 3:
Номер 1 
Какое правило совпадает со всеми элементами H1 в дереве документа:

Ответ:

 (1) H1 { font-family: sans-serif }  

 (2) H6 { font-size: 25pt }  

 (3) H2 { font-family: Helvetica }  

 (4) H3 { font-stretch: normal }  

Номер 2 
Какое правило совпадает с элементом EM в следующем фрагменте:
<H1>This <SPAN class="myclass">headline 
is <EM>very</EM> important</SPAN></H1>:

Ответ:

 (1) H1 { color: red }  

 (2) EM { color: red }  

 (3) H1 > EM { color: blue }  

 (4) H1 EM { color: blue }  

Номер 3 
Какой селектор совпадает с элементом P, который является внуком, или позднейшим потомком, элемента DIV:

Ответ:

 (1) DIV  

 (2) DIV * P  

 (3) P  

 (4) DIV >  

Упражнение 4:
Номер 1 
Какой селектор атрибута совпадает со всеми элементами H1, которые специфицировали атрибут "title" с любым значением:

Ответ:

 (1) H1[title] { color: blue; }  

 (2) H1 { color: blue; }  

 (3) H1 + [title] { color: blue; }  

 (4) H1 > [title] { color: blue; }  

Номер 2 
Какой селектор совпадает со всеми элементами SPAN, чей атрибут "class" имеет значение "example":

Ответ:

 (1) SPAN[class] { color: blue; }  

 (2) SPAN[example] { color: blue; }  

 (3) SPAN class=example { color: blue; }  

 (4) SPAN[class=example] { color: blue; }  

Номер 3 
В каком примере селектор совпадает со всеми элементами SPAN, чей атрибут "hello" имеет значение "Cleveland" и чей атрибут "goodbye" имеет значение "Columbus":

Ответ:

 (1) SPAN["Cleveland"][goodbye="Columbus"] { color: blue; }  

 (2) SPAN[hello="Cleveland"][goodbye] { color: blue; }  

 (3) SPAN[hello="Cleveland"][goodbye="Columbus"] { color: blue; }  

 (4) SPAN > hello="Cleveland" + goodbye="Columbus" { color: blue; }  

Упражнение 5:
Номер 1 
Какой селектор совпадает, к примеру, со значением "copyright copyleft copyeditor" атрибута "rel":

Ответ:

 (1) A["copyright"]  

 (2) A[rel~="copyright"]  

 (3) A[rel~]  

 (4) A + rel~="copyrigh""  

Номер 2 
Какое правило скрывает все элементы, у которых атрибут "lang" имеет значение "fr":

Ответ:

 (1) *[LANG=fr] { display : none }  

 (2) [LANG=fr] { none }  

 (3) LANG=fr { display : none }  

 (4) *[LANG=fr]  

Номер 3 
Какое правило совпадает для значений атрибута "lang", начинающихся с "en", включая "en", "en-US" и "en-cockney":

Ответ:

 (1) LANG|="en" { color : red }  

 (2) *LANG| + "en"  

 (3) LANG = "en" { color : red }  

 (4) *[LANG|="en"] { color : red }  

Упражнение 6:
Номер 1 
Как можно назначить стилевую информацию всем элементам class~="pastoral"?

Ответ:

 (1) .pastoral { color: green }  

 (2) *. { color: green }  

 (3) pastoral { color: green }  

 (4) *.pastoral { color: green }  

Номер 2 
Как назначить стиль только элементам H1 с class~="pastoral"?

Ответ:

 (1) H1.pastoral { color: green }  

 (2) H1 + pastoral { color: green }  

 (3) H1. { color: green }  

 (4) *.pastoral { color: green }  

Номер 3 
Какое правило совпадает с любым элементом P, чей атрибут "class" сопоставлен списку разделенных пробелами значений "pastoral" и "marine":

Ответ:

 (1) P.marine { color: green }  

 (2) .pastoral.marine { color: green }  

 (3) P.pastoral. { color: green }  

 (4) P.pastoral.marine { color: green }  

Упражнение 7:
Номер 1 
ID-селектор совпадает с элементом H1, чей атрибут ID имеет значение "chapter1" в следующем примере:

Ответ:

 (1) H1chapter1 { text-align: center }  

 (2) #chapter1 { text-align: center }  

 (3) H1#chapter1 { text-align: center }  

 (4) H1 + chapter1 { text-align: center }  

Номер 2 
В каком примере правило таблицы стилей устанавливает совпадение с элементом, чье значение ID - "z98y":

Ответ:

 (1) P*"z98y { letter-spacing: 0.3em }  

 (2) +z98y { letter-spacing: 0.3em }  

 (3) z98y { letter-spacing: 0.3em }  

 (4) *#z98y { letter-spacing: 0.3em }  

Номер 3 
В каком примере правило стиля совпадает только с тем элементом H1, который имеет значение ID - "z98y":

Ответ:

 (1) H1#z98y { letter-spacing: 0.5em }  

 (2) H1#z98 { letter-spacing: 0.5em }  

 (3) #z98y { letter-spacing: 0.5em }  

 (4) H6#z98y { letter-spacing: 0.5em }  

Упражнение 8:
Номер 1 
Укажите примеры псевдокласса гиперссылок:

Ответ:

 (1) A:link { color: red }  

 (2) :link { color: red }  

 (3) <A href="external" external="http://www.intuit.ru/">external link</A>  

 (4) A.external:visited { color: blue }  

Номер 2 
К псевдоклассам относятся:

Ответ:

 (1) :first-child  

 (2) :link  

 (3) :lang  

 (4) :visited  

Номер 3 
Какое правило подавляет отступ для первого параграфа DIV:

Ответ:

 (1) DIV > P:first-child { text-indent: 0 }  

 (2) > P:first-child { text-indent: 0 }  

 (3) DIV > P { text-indent: 0 }  

 (4) DIV +:first-child { text-indent: 0 }  

Упражнение 9:
Номер 1 
Какой псевдокласс применяется, если элемент активирован пользователем?

Ответ:

 (1) :focus  

 (2) :hover  

 (3) :active  

 (4) :first-child  

Номер 2 
Какой псевдокласс применяется к ссылкам, которые еще не посещены?

Ответ:

 (1) :link  

 (2) :visited  

 (3) :active  

 (4) :first-child  

Номер 3 
Какой псевдокласс совпадает с элементом, являющимся первым дочерним элементом какого-либо другого элемента?

Ответ:

 (1) :active  

 (2) :hover  

 (3) :link  

 (4) :first-child  

Упражнение 10:
Номер 1 
Псевдоэлементами являются:

Ответ:

 (1) :first-letter  

 (2) :before  

 (3) :after  

 (4) :first-line  

 (5) :first-child  

Номер 2 
Какой псевдоэлемент можно использовать для "начальных заглавных" и "зависающих заглавных", которые являются распространенными типографскими эффектами?

Ответ:

 (1) :first-line  

 (2) :first-child  

 (3) :before  

 (4) :first-letter  

Номер 3 
Какие псевдоэлементы можно использовать для вставки генерируемого содержимого до или после содержимого элемента?

Ответ:

 (1) :after  

 (2) :first-line  

 (3) :first-child  

 (4) :before  

Упражнение 11:
Номер 1 
В каком примере первая форматированная строка будет синего цвета?

Ответ:

 (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>  

Номер 2 
В каком примере будет создана начальная заглавная зависающая буква, захватывающая две строки:

Ответ:

 (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>  

Номер 3 
В каком примере первые буквы каждого элемента P будут зелеными и размером '24pt'. Остаток первой форматированной строки будет синий, а остаток параграфа - красный:

Ответ:

 (1) P { color: red; font-size: 12pt } P:first-letter { color: green; font-size: 200% } P:first-line { color: blue }  

 (2) P { color: green; font-size: 12pt } P:first-letter { color: red; font-size: 200% } P:first-line { color: blue }  

 (3) P { color: red; font-size: 12pt } P:first-letter { color: green; font-size: 200% }  



Главная / Интернет-технологии / Спецификация CSS2 / Тест 5