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

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

Упражнение 1:
Номер 1 
Какое правило позволяет задать размеры, ориентацию и поля страничного бокса?

Ответ:

 (1) @page  

 (2) @media  

 (3) @list  

 (4) @margin  

Номер 2 
Какое правило @page устанавливает размер страничного бокса в 8.5 x 11 дюймов и создает поле '2см' со всех сторон между краем страничного бокса и областью листа:

Ответ:

 (1) @page { size 8.5in 11in; margin: 2cm }  

 (2) @page { size 8.5in 10in; margin: 1cm }  

 (3) @page { size 9in 11in; margin: 2cm }  

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

Ответ:

 (1) 'size'  

 (2) 'marks'  

 (3) 'margin'  

 (4) 'clip'  

Упражнение 2:
Номер 1 
Какое свойство позволяет управлять размером страницы?

Ответ:

 (1) 'width'  

 (2) 'clip'  

 (3) 'height'  

 (4) 'size'  

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

Ответ:

 (1) 'auto'  

 (2) 'portrait'  

 (3) 'landscape'  

 (4) 'inherit'  

Номер 3 
В каком примере внешний край страничного бокса будет выровнен с целевым:

Ответ:

 (1) @page { margin: 10%; }  

 (2) @page { size: auto; margin: 10%; }  

 (3) @page { size: auto; }  

Упражнение 3:
Номер 1 
В каком примере устанавливается ширина страничного бокса - 8.5 дюймов и высота - 11 дюймов:

Ответ:

 (1) @page { size: 10in 8.5in; }  

 (2) @page { size: 11in 8.5in; }  

 (3) @page { size: 8.5in 11in; }  

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

Ответ:

 (1) 'inherit'  

 (2) 'none'  

 (3) 'auto'  

 (4) 'top'  

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

Ответ:

 (1) 'clip'  

 (2) 'size'  

 (3) 'marks'  

 (4) 'margin'  

Упражнение 4:
Номер 1 
В каких случаях все страницы автоматически классифицируются браузерами на псевдоклассы :left?

Ответ:

 (1) @page :left { margin-left: 4cm; margin-right: 3cm; }  

 (2) @page :right { margin-left: 3cm; margin-right: 4cm; }  

 (3) @page :left { margin-right: 3cm; }  

Номер 2 
Как можно специфицировать стиль для первой страницы документа псевдоклассом :first?

Ответ:

 (1) @page { margin: 2cm 1cm 2cm 3cm }  

 (2) @page { margin: 2cm 1cm 2cm }  

 (3) @page { margin: 2cm 1cm }  

 (4) @page :first { margin-top: 10cm }  

Номер 3 
С помощью какого свойства можно управлять разрывами перед/после элементов:

Ответ:

 (1) 'page-break-before'  

 (2) 'page-break-after'  

 (3) 'page-break-inside'  

 (4) 'page-break'  

Упражнение 5:
Номер 1 
Укажите доступные значения свойства 'page-break-before':

Ответ:

 (1) 'always'  

 (2) 'avoid'  

 (3) 'left'  

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

Ответ:

 (1) 'auto'  

 (2) 'inherit'  

 (3) 'none'  

 (4) 'always'  

Номер 3 
Укажите доступные значения свойства 'page-break-inside':

Ответ:

 (1) 'avoid'  

 (2) 'none'  

 (3) 'auto'  

 (4) 'inherit'  

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

Ответ:

 (1) 'page'  

 (2) 'none'  

 (3) 'size'  

 (4) 'clip'  

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

Ответ:

 (1) 'none'  

 (2) 'auto'  

 (3) 'width'  

 (4) left  

Номер 3 
В каком примере все таблицы будут размещены на правой стороне страницы с ориентацией landscape:

Ответ:

 (1) @page rotated TABLE {page: rotated; page-break-before: right}  

 (2) @page rotated {size: landscape} TABLE {page: rotated; page-break-before: right}  

 (3) @page rotated {size: landscape} {page: rotated; page-break-before: right}  

Упражнение 7:
Номер 1 
В каком примере две таблицы отображаются на landscape-страницах, и тип страницы "narrow" вообще не используется, вопреки установкам в DIV:

Ответ:

 (1) @page narrow {size: 9cm 18cm} @page rotated {size: landscape} DIV {page: narrow} TABLE {page: rotated}  

 (2) @page rotated {size: landscape} DIV {page: narrow} TABLE {page: rotated}  

 (3) @page narrow {size: 9cm 18cm} TABLE {page: rotated}  

 (4) DIV {page: narrow} TABLE {page: rotated}  

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

Ответ:

 (1) 'orphans'  

 (2) 'widows'  

 (3) 'width'  

 (4) 'height'  

Номер 3 
Укажите доступное значение свойства 'orphans':

Ответ:

 (1) 'auto'  

 (2) 'inherit'  

 (3) 'none'  

 (4) 'width'  

Упражнение 8:
Номер 1 
Укажите доступные значения свойства 'widows':

Ответ:

 (1) 'inherit'  

 (2) 'none'  

 (3) 'auto'  

 (4) 'height'  

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

Ответ:

 (1) 'widows'  

 (2) 'orphans'  

 (3) 'margin'  

 (4) 'padding'  

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

Ответ:

 (1) 'orphans'  

 (2) 'border'  

 (3) 'clear'  

 (4) 'widows'  

Упражнение 9:
Номер 1 
В каком примере левое поле левых страниц - '4см', а для остальных страниц - левое поле '3см'?

Ответ:

 (1) @page { margin-left: 3cm; } @page :left { margin-left: 4cm; }  

 (2) @page { margin-left: 3cm; } @page :right { margin-right: 4cm; }  

 (3) @page { margin-right: 3cm; } @page :left { margin-left: 4cm; }  

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

Ответ:

 (1) 'size'  

 (2) 'clear'  

 (3) 'display'  

 (4) 'color'  

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

Ответ:

 (1) 'inherit'  

 (2) 'auto'  

 (3) 'none'  

 (4) 'width'  

Упражнение 10:
Номер 1 
Как можно описать красный цвет?

Ответ:

 (1) EM { color: red }  

 (2) EM { color: rgb(255,0,0) }  

 (3) EM { color: rgb(255,12,0) }  

 (4) EM { color: gray }  

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

Ответ:

 (1) 'background-color'  

 (2) 'background'  

 (3) 'border'  

 (4) 'background-position'  

Номер 3 
Как можно установить цвет фона элемента?

Ответ:

 (1) H1 { background-color: #F00 }  

 (2) H2 { background-color: #F00000 }  

 (3) H3 { background-color: #000010 }  

 (4) H4 { background-color }  

Упражнение 11:
Номер 1 
В каком примере создается бесконечная вертикальная полоса, остающаяся "приклеенной" к порту просмотра при прокручивании элемента:

Ответ:

 (1) BODY { background: red url("pendant.gif"); background-repeat: repeat-y; background-attachment: fixed; }  

 (2) BODY { background-repeat: repeat-y; background-attachment: fixed; }  

 (3) BODY { background-repeat: repeat-y; }  

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

Ответ:

 (1) BODY { background-image: url("logo.png"); background-attachment: fixed; background-position: 100% 0%; background-repeat: no-repeat; }  

 (2) BODY { background-image: url("logo.png"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; }  

 (3) BODY { background-image: url("logo.png"); background-attachment: fixed; background-position: 0% 100%; background-repeat: no-repeat; }  

Номер 3 
В каком правиле все индивидуальные свойства специфицированы:

Ответ:

 (1) BODY { background: red }  

 (2) P { background: url("chess.png") gray 50% repeat fixed }  

 (3) BODY { background: gray }  



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