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

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

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

Ответ:

 (1) 'block'  

 (2) 'list-item'  

 (3) 'compact'  

 (4) 'table'  

Номер 2 
В каком примере будет создан анонимный блок до и после первого элемента P:

Ответ:

 (1) <BODY> ..... <P>Содержимое элемента P. </P> ..... </BODY>  

 (2) <BODY> ..... </BODY>  

 (3) <BODY> ..... <P>Содержимое элемента P. </P> <P>.....</P> ..... </BODY>  

Номер 3 
Какие значения свойства 'display' создают инлайн-элемент:

Ответ:

 (1) 'block'  

 (2) 'inline'  

 (3) 'inline-table'  

 (4) 'compact'  

Упражнение 2:
Номер 1 
В каком примере P генерирует бокс блока с несколькими инлайн-боксами внутри:

Ответ:

 (1) <P>Некоторый <EM>выделенный</EM> текст.</P>  

 (2) <P>Некоторый текст.</P>  

 (3) <P>Некоторый текст.  

 (4) Некоторый <EM>выделенный текст.  

Номер 2 
Какое свойство compact-бокса  определяет вертикальную позицию compact-бокса  относительно cтрочного бокса:

Ответ:

 (1) 'align'  

 (2) 'horizontal-align'  

 (3) 'top-align'  

 (4) 'vertical-align'  

Номер 3 
Для размещения многострочного текста в поле больше подойдет свойство:

Ответ:

 (1) float  

 (2) clear  

 (3) align  

 (4) transperent  

Упражнение 3:
Номер 1 
Какое значение 'text-align' можно использовать для выравнивания compact-элемента у правого края поля:

Ответ:

 (1) 'top'  

 (2) 'left'  

 (3) 'right'  

 (4) 'center'  

Номер 2 
Бокс 'run-in' можно определять так:

Ответ:

 (1) <STYLE type="text/css"> H3 { display: run-in } </STYLE>  

 (2) <STYLE type="text/css"> H3 { :run-in } </STYLE></answer>  

 (3) <STYLE type="text/css"> H3 { display: } </STYLE></answer>  

Номер 3 
При каком значении display элемент генерирует основной бокс блока:

Ответ:

 (1) 'inline'  

 (2) 'block'  

 (3) 'marker'  

 (4) 'table'  

Упражнение 4:
Номер 1 
Укажите значение свойства display:

Ответ:

 (1) 'table-column'  

 (2) 'run-inherit'  

 (3) 'inline-table-column'  

Номер 2 
Укажите примеры корректного использования свойства display?

Ответ:

 (1) P { display: block }  

 (2) EM { display: inline }  

 (3) LI { display: list-item }  

 (4) IMG { display: none }  

Номер 3 
Какие свойства определяют алгоритм позиционирования CSS2 для расчета позиции бокса:

Ответ:

 (1) 'position'  

 (2) 'float'  

 (3) 'static'  

 (4) 'fixed'  

Упражнение 5:
Номер 1 
Какие значения может принимать свойство position?

Ответ:

 (1) 'static'  

 (2) 'relative'  

 (3) 'absolute'  

 (4) 'fixed'  

Номер 2 
При использовании какого значения свойства position бокс является нормальным боксом, расположенным в соответствии с нормальным расположением:

Ответ:

 (1) {position: static}  

 (2) {position: relative}  

 (3) {position: fixed}  

 (4) {position: absolute}  

Номер 3 
Свойство position корректно описано в следующих примерах:

Ответ:

 (1) @media screen { H1#first { position: fixed } }  

 (2) @media print { H1#first { position: static } }  

 (3) @media screen { H1#first { fixed } }  

 (4) @media print { H1#first { position: } }  

Упражнение 6:
Номер 1 
Позиционированием и заполнением в боксе можно управлять с помощью свойств:

Ответ:

 (1) 'top'  

 (2) 'right'  

 (3) 'bottom'  

 (4) 'left'  

Номер 2 
Какое свойство специфицирует, насколько смещен вниз верхний край содержимого бокса относительно верхнего края содержащего блока:

Ответ:

 (1) 'top'  

 (2) 'left'  

 (3) 'bottom'  

 (4) 'right'  

Номер 3 
Какое свойство специфицирует, насколько смещен вправо левый край содержимого бокса относительно левого края содержащего блока:

Ответ:

 (1) 'right'  

 (2) 'bottom'  

 (3) 'top'  

 (4) 'left'  

Упражнение 7:
Номер 1 
С помощью какого свойства можно определить позиционирование поплавка?

Ответ:

 (1) 'clear'  

 (2) 'float'  

 (3) 'bottom'  

 (4) 'top'  

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

Ответ:

 (1) 'left'  

 (2) 'right'  

 (3) 'none'  

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

Ответ:

 (1) 'left'  

 (2) 'right'  

 (3) 'none'  

 (4) 'inherit'  

Упражнение 8:
Номер 1 
Управлять положением после поплавка можно с помощью свойства:

Ответ:

 (1) 'float'  

 (2) 'clear'  

 (3) 'bottom'  

 (4) 'top'  

Номер 2 
Укажите примеры коррекного применения свойства clear:

Ответ:

 (1) {clear: right}  

 (2) {clear: left}  

 (3) {clear: both}  

 (4) {clear: inherit}  

Номер 3 
В каком примере нет ограничений на позицию бокса относительно поплавков:

Ответ:

 (1) {clear: none}  

 (2) {clear: both}  

 (3) {clear: left}  

 (4) {clear: right}  

Упражнение 9:
Номер 1 
Какие объявления CSS для outer и inner не изменяют нормального расположения боксов:

Ответ:

 (1) #inner { color: blue }  

 (2) #outer { color: red }  

 (3) #inner { blue }  

 (4) #inner { color }  

Номер 2 
В каком примере текст вытолкнут из расположения к правому полю:

Ответ:

 (1) #inner { float: inherit; width: 130px; color: blue }  

 (2) #inner { float: none: 130px; color: blue }  

 (3) #inner { float: left; width: 130px; color: blue }  

 (4) #inner { float: right; width: 130px; color: blue }  

Номер 3 
В каких примерах бокс inner всплывает вправо, а остальной текст документа всплывает в незанятом пространстве?

Ответ:

 (1) #inner { float: right; width: 130px; color: blue } #sibling { color: red }  

 (2) #inner { float: left; width: 130px; color: blue } #sibling { color: red }  

 (3) #inner { float: inherit; width: 130px; color: blue } #sibling { color: red }  

 (4) #inner { float: none; width: 130px; color: blue } #sibling { color: red }  

Упражнение 10:
Номер 1 
В каком случае родственное содержимое начнет располагаться ниже поплавка:

Ответ:

 (1) #inner { float: right; width: 130px; color: blue } #sibling { clear: right; color: red }  

 (2) #inner { float: right; width: 130px; color: blue } #sibling { clear:; color: red }  

 (3) #inner { float: right; width: 130px; color: blue } #sibling { right; color: red }  

Номер 2 
В каком примере объявления для CSS позиционируют верх бокса outer относительно его содержащего блока?

Ответ:

 (1) #outer { position: absolute; top: 200px; left: 200px; width: 200px; color: red; } #inner { color: blue }  

 (2) #outer { top: 200px; left: 200px; width: 200px; color: red; }  

 (3) #inner { color: blue }  

Номер 3 
В каком примере содержащий блок для inner станет начальным содержащим блоком:

Ответ:

 (1) #outer { color: red } #inner { position: absolute; top: 200px; left: -100px; height: 130px; width: 130px; color: blue; }  

 (2) #outer { color: red }  

 (3) #outer { color: red } { position: absolute; top: 200px; left: -100px; height: 130px; width: 130px; color: blue; }  

Упражнение 11:
Номер 1 
С помощью какого свойства можно управлять спецификацией уровня в пакете слоев?

Ответ:

 (1) 'z-index'  

 (2) 'float'  

 (3) 'clear'  

 (4) 'top'  

Номер 2 
В каком примере используются свойства управляющие текстом:

Ответ:

 (1) HEBREW, HE-QUO {direction: rtl; unicode-bidi: embed}  

 (2) ENGLISH {direction: ltr; unicode-bidi: embed}  

 (3) HEBREW, ENGLISH, PAR {display: block}  

 (4) EMPH {font-weight: bold}  

Номер 3 
В каких примерах корректно использовано свойство 'unicode-bidi'?

Ответ:

 (1) { unicode-bidi: embed }  

 (2) { unicode-bidi: normal }  

 (3) { unicode-bidi: bidi-override }  

 (4) { unicode-bidi: inherit }  



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