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

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

Номер 1

С помощью какого свойства можно задать ширину содержимого?

Ответ:

(1) 'top'

(2) 'width'

(3) 'bottom'

(4) 'left'

Номер 2

Укажите допустимые значения свойства width:

Ответ:

(1) 100px

(2) 100%

(3) 'auto'

(4) 'inherit'

Номер 3

Какое правило фиксирует ширину содержимого параграфа в 100 пикселов:

Ответ:

(1) P { width: 100px }

(2) P { width: -100px }

(3) P { width: 10px }

(4) P { width: -10px }

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

Номер 1

Какие свойства позволяют ограничить ширину бокса определенными рамками:

Ответ:

(1) 'float'

(2) 'min-width'

(3) 'max-width'

(4) 'clear'

Номер 2

Какие значения имеет свойство min-width:

Ответ:

(1) 'none'

(2) 'small'

(3) 'auto'

(4) 'inherit'

Номер 3

Какие значения имеет свойство max-width:

Ответ:

(1) 'none'

(2) 'inherit'

(3) 'big'

(4) 'auto'

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

Номер 1

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

Ответ:

(1) 'height'

(2) 'width'

(3) 'top'

(4) 'bottom'

Номер 2

Какое правило фиксирует высоту параграфа в 25 пикселов:

Ответ:

(1) P { height: 25px }

(2) P { height: -100px }

(3) P { height: -25px }

(4) P { height: 10px }

Номер 3

Какие значения имеет свойство height?

Ответ:

(1) <length>

(2) <percentage>

(3) 'auto'

(4) 'inherit'

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

Номер 1

Какое правило фиксирует высоту параграфа в 15 пикселов, а ширину содержимого параграфа в 10 пикселов:

Ответ:

(1) P { height: 15px; width: 100px }

(2) P { height: 150px; width: 10px }

(3) P { height: 15px; width: 10px }

(4) P { height: 15px; width: 1px }

Номер 2

Какое правило фиксирует высоту параграфа в 20 пикселов, а ширину содержимого параграфа в 100 пикселов:

Ответ:

(1) P { height: 15px; width: 20px }

(2) P { height: 20px; width: 20px }

(3) P { height: 15px; width: 100px }

(4) P { height: 20px; width: 100px }

Номер 3

Какое правило фиксирует высоту параграфа в 200 пикселов, а ширину содержимого параграфа в 150 пикселов:

Ответ:

(1) P { height: 20px; width: 150px }

(2) P { height: 200px; width: 50px }

(3) P { height: 20px; width: 10px }

(4) P { height: 200px; width: 150px }

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

Номер 1

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

Ответ:

(1) 'max-height'

(2) 'min-height'

(3) 'height'

(4) 'width'

Номер 2

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

Ответ:

(1) 'height'

(2) 'width'

(3) 'min-height'

(4) 'max-height'

Номер 3

Какие значения имеет свойство  'min-height'?

Ответ:

(1) 'small'

(2) 'auto'

(3) 'inherit'

(4) 'none'

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

Номер 1

Какое значение свойства 'min-height' определяет фиксированный минимум вычисленной высоты:

Ответ:

(1) 'top'

(2) <length>

(3) 'auto'

(4) 'inherit'

Номер 2

Какие значения имеет свойство 'max-height'?

Ответ:

(1) 'inherit'

(2) 'none'

(3) 'auto'

(4) 'top'

Номер 3

В каком примере не ограничена высота бокса?

Ответ:

(1) { min-height: inherit }

(2) { max-height: inherit}

(3) { min-height: none}

(4) { max-height: none }

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

Номер 1

С помощью каких свойств можно произвести подсчет высоты строк?

Ответ:

(1) 'line-height'

(2) 'vertical-align'

(3) 'height'

(4) 'width'

Номер 2

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

Ответ:

(1) DIV { line-height: 120%; font-size: 10pt }

(2) DIV { line-height: 1.2; font-size: 10pt }

(3) DIV { line-height: 2.1em; font-size: 10pt }

Номер 3

Какие значения имеет свойство 'line-height':

Ответ:

(1) 'normal'

(2) 'auto'

(3) 'inherit'

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

Номер 1

Какие значения имеет свойство  'vertical-align'?

Ответ:

(1) 'baseline'

(2) 'super'

(3) 'text-top'

(4) 'bottom'

Номер 2

В каком примере вертикальная средняя точка бокса будет выравниваться с базовой линией бокса-родителя плюс половина x-высоты родителя:

Ответ:

(1) { vertical-align: middle }

(2) { vertical-align: baseline }

(3) { vertical-align: sub }

(4) { vertical-align: super }

Номер 3

В каком примере верх бокса выравнивается с верхом шрифта родительского элемента:

Ответ:

(1) { vertical-align: sub }

(2) { vertical-align: baseline }

(3) { vertical-align: top }

(4) { vertical-align: text-top }

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

Номер 1

С помощью какого свойства можно управлять переполнением и сжатием:

Ответ:

(1) 'overflow'

(2) 'clip'

(3) 'clear'

(4) 'width'

Номер 2

Какие значения имеет свойство overflow?

Ответ:

(1) { overflow: visible }

(2) { overflow: hidden }

(3) { overflow: scroll }

(4) { overflow: auto }

Номер 3

В каком примере содержимое может отображаться за пределами бокса блока:

Ответ:

(1) { overflow: visible }

(2) { overflow: auto }

(3) { overflow: scroll }

(4) { overflow: hidden }

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

Номер 1

С помощью какого свойства можно управлять сжатием?

Ответ:

(1) 'split'

(2) 'line'

(3) 'clear'

(4) 'clip'

Номер 2

Какой пример создаст прямоугольную область:

Ответ:

(1) P { clip: rect(5px, 10px, 10px, 5px); } P { clip: rect(5px, -5px, 10px, 5px); }

(2) P { clip: rect(5px, 10px, 10px, 5px); }

(3) P { clip: rect(5px, 10px, 10px, 5px); } P { clip: rect(5px, 5px, 10px, 5px); }

Номер 3

В каком примере сжимаемая область имеет тот же размер и размещение, что и бокс элемента:

Ответ:

(1) { clip: auto }

(2) { clip: inherit }

(3) { clip: none }

(4) { clip: block }

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

Номер 1

С помощью какого свойства можно управлять видимостью?

Ответ:

(1) 'plan'

(2) 'screen'

(3) 'display'

(4) 'visibility'

Номер 2

Какие значения имеет свойство 'visibility'?

Ответ:

(1) 'visible'

(2) 'hidden'

(3) 'collapse'

(4) 'inherit'

Номер 3

Какое начальное значение имеет свойство 'visibility'?

Ответ:

(1) { visibility: hidden }

(2) { visibility: visible }

(3) { visibility: collapse }

(4) { visibility: inherit }

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