Спецификация CSS2

Упражнение 1:

Номер 1

Неверными примерами использования ключевых слов являются:

Ответ:

(1) font-family: serif

(2) font-size: 12pt

(3) width: "auto"

(4) background: "blue"

Номер 2

Неверными примерами использования ключевых слов являются:

Ответ:

(1) background: yellow

(2) font-size: 15pt

(3) font-style: italic

(4) color: "brown"

Номер 3

Ключевые слова корректно использованы в следующих примерах:

Ответ:

(1) font-weight: "oblique"

(2) width:70px

(3) font-family:Arial

(4) margin: "15em"

Упражнение 2:

Номер 1

Какой символ в CSS2 обозначает три типа символов - escape-последовательностей:

Ответ:

(1) (\)

(2) ("")

(3) (')

(4) (+)

Номер 2

Каким символом начинаются At-правила?

Ответ:

(1) 'a'

(2) '/'

(3) ';'

(4) '@'

Номер 3

Идентификатор at-правил корректно описан в следующих примерах:

Ответ:

(1) '@page'

(2) '@import'

(3) 'page'

(4) 'import'

Упражнение 3:

Номер 1

Какое правило недопустимо:
 @import "subs.css";
H1 { color: blue }
@import "list.css";

Ответ:

(1) @import "subs.css"

(2) H1 { color: blue }

(3) @import "list.css";

Номер 2

Какое правило недопустимо:
@import "subs.css";
@media print {
@import "print-main.css";
BODY { font-size: 10pt }
}
H1 {color: blue }

Ответ:

(1) @import "subs.css";

(2) @media print {

(3) @import "print-main.css";

(4) BODY { font-size: 10pt }

Номер 3

Блок начинается символом:

Ответ:

(1) ({)

(2) (")

(3) (')

(4) (( ))

Упражнение 4:

Номер 1

Между какими символами находится блок объявлений:

Ответ:

(1) (( ))

(2) ([ ])

(3) (")

(4) ({})

Номер 2

Какая строка будет проигнорирована браузером, поддерживающим CSS2?

Ответ:

(1) H1, H2 {color: green }

(2) H3, H4 & H5 {color: red }

(3) H6 {color: black }

(4) H6 & H1 {color: yellow }

Номер 3

В объявлении свойства и значения разделяются символом:

Ответ:

(1) '/'

(2) '\'

(3) '|'

(4) ':'

Упражнение 5:

Номер 1

Следующие правила:
H1 { font-weight: bold }
H1 { font-size: 12pt }
H1 { line-height: 14pt } эквивалентны:

Ответ:

(1) H1 { font-weight: bold; font-size: 12pt; line-height: 14pt; }

(2) H1, H2, H3 { font-weight: bold; font-size: 12pt; line-height: 14pt; }

(3) H2 { font-weight: bold; font-size: 12pt; line-height: 14pt; }

Номер 2

Следущая таблица:
        H1 { color: red; font-style: 12pt }
P { color: blue;  font-vendor: any;
font-variant: small-caps }
EM EM { font-style: normal }
будет уменьшена разборщиком CSS до:

Ответ:

(1) H1 { color: red; } P { color: blue; font-variant: small-caps }

(2) H1 { color: red; } P { color: blue; font-variant: small-caps } EM EM { font-style: normal }

(3) P { color: blue; font-variant: small-caps } EM EM { font-style: normal }

Номер 3

Комментарии в CSS находятся между символов:

Ответ:

(1) "/*...*/"

(2) "/.../"

(3) "*...*"

(4) "?...?"

Упражнение 6:

Номер 1

Если в таблице стилей указано:
   H1 { color: red; rotation: 70minutes },
    то браузер будет рассматривать это как:

Ответ:

(1) H1

(2) H1 { color: red }

(3) H1 { color: red; rotation}

(4) H1 { rotation: 70minutes}

Номер 2

Укажите объявления с неверными значениями:

Ответ:

(1) IMG { float: left }

(2) IMG { background: "red" }

(3) IMG { float: left here }

(4) IMG { border-width: 3 }

Номер 3

Следующие правила: 
        IMG { float: left }
IMG { float: left here }  
IMG { background: "red" } 
IMG { border-width: 3 }
будут рассмотрены разборщиком CSS так, как если бы таблица была такой:

Ответ:

(1) IMG { float: left } IMG { float: left here } IMG { } IMG { }

(2) IMG { float: left } IMG { } IMG { } IMG { border-width: 3 }

(3) IMG { float: left } IMG { } IMG { } IMG { }

Упражнение 7:

Номер 1

Следующе правило: @three-dee {
@background-lighting {
azimuth: 30deg;
elevation: 190deg;
}
H1 { color: red }
}
H1 { color: blue }
   браузером уменьшит таблицу до:

Ответ:

(1) H1 { color: blue }

(2) H1 { color: red }

(3) azimuth: 30deg;

Номер 2

Какая единица измерения может использоваться для горизонтальных и вертикальных вычислений?

Ответ:

(1) p

(2) em

(3) grad

Номер 3

Какая единица измерения может использоваться для горизонтальных и вертикальных вычислений?

Ответ:

(1) rad

(2) em

(3) grad

Упражнение 8:

Номер 1

Какие единицы определяются x-height шрифта?

Ответ:

(1) px

(2) em

(3) ex

Номер 2

Какие единицы относительны к разрешению устройства просмотра?

Ответ:

(1) em

(2) ex

(3) px

Номер 3

Относительные единицы измерения используются в следующих примерах:

Ответ:

(1) H1 { margin: 1ex }

(2) P { font-size: 12px }

(3) H1 { margin: 0.5in }

(4) H1 { margin: 0.5em }

Упражнение 9:

Номер 1

Укажите абсолютные единицы измерения:

Ответ:

(1) in

(2) cm

(3) ex

Номер 2

Укажите примеры с абсолютными единицами измерения:

Ответ:

(1) H2 { line-height: 3cm }

(2) H1 { margin: 0.5in }

(3) H4 { font-size: 1pc }

(4) P { font-size: 12px }

Номер 3

Процентное значение корректно описано:

Ответ:

(1) P { font-size: 10pt }

(2) P { line-height: 120% }

(3) P { font-size: 120in }

(4) P { line-height: 120px }

Упражнение 10:

Номер 1

Функциональное обозначение URI в значениях свойств корректно использовано в следующих примерах:

Ответ:

(1) BODY { background: url("http://www.bg.com/pinkish.gif") }

(2) LI { list-style: url(http://www.redballs.com/redball.png) disc }

(3) BODY { url("http://www.bg.com/pinkish.gif") }

Номер 2

В CSS2 к значениям счетчиков можно обратиться только из свойства:

Ответ:

(1) counter-reset

(2) counter-increment

(3) content

(4) background

Номер 3

Укажите примеры корректного описания цветов:

Ответ:

(1) P { color: ff0000 }

(2) body {background: #abc}

(3) i {color: rgb(12,34,130)}

(4) em {color: 100%;50%;30%)}

Упражнение 11:

Номер 1

Укажите единицы измерения углов:

Ответ:

(1) grad

(2) rad

(3) ms

Номер 2

Укажите идентификаторы измерения времени и частоты:

Ответ:

(1) ms

(2) kHz

(3) Hz

Номер 3

Какая величина измеряется в ms:

Ответ:

(1) время

(2) высота

(3) такой единицы измерения нет

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