Введение в стандарты Web

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

Номер 1

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

Ответ:

(1) static

(2) center

(3) relative

(4) absolute

(5) bottom

(6) fixed

(7) inherit

Номер 2

Назовите основные типы боксов в CSS?

Ответ:

(1) блочный

(2) встраиваемые

(3) плавающие

(4) строковые

Номер 3

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

Ответ:

(1) тип бокса зависит только от используемого тега

(2) с помощью свойства box-type

(3) с помощью свойства display

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

Номер 1

Что такое статическое позиционирование?

Ответ:

(1) это фиксирование расположение блока в определенной позиции на странице

(2) это поведение по умолчанию, расположение элементов в том порядке, в котором они появляются в разметке

(3) это позиционирование элемента у левого или правого края страницы

Номер 2

Какое значение свойства position определяет положение элемента по умолчанию?

Ответ:

(1) absolute

(2) static

(3) fixed

Номер 3

Как располагаются блочные боксы по умолчанию?

Ответ:

(1) вертикально, сверху вниз в том порядке, в котором они появляются в разметке

(2) горизонтально, слева направо в том порядке, в котором они появляются в разметке

(3) слева направо сверху вниз

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

Номер 1

Какую ширину имеют блочные боксы по умолчанию?

Ответ:

(1) 800 пикселей

(2) ширину родительского блочного бокса за вычетом его горизонтальных отступов (padding) и своих горизонтальных полей (margin)

(3) ширину, равную разрешению экрана

Номер 2

Будут ли блочные боксы располагаться горизонтально, если это позволяет ширина?

Ответ:

(1) будут, если имеется достаточно пространства

(2) будут, так как блочные элементы располагаются горизонтально

(3) не будут

Номер 3

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

Ответ:

(1) с помощью свойства margin-bottom у верхнего элемента и свойством margin-top у нижнего

(2) с помощью свойства padding у обоих элементов

(3) с помощью свойства space-after у верхнего блока

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

Номер 1

Как ведут себя вертикальные поля у двух смежных блочных боксов в нормальном потоке?

Ответ:

(1) вертикальные поля складываются

(2) вертикальные поля перекрываются (схлопываются)

(3) расстоянием между блоками будет значение меньшего из полей

Номер 2

Если нижнее поле верхнего блочного бокса равно 40 пикселей, а верхнее поле нижнего блочного бокса равно 30 пикселей, и эти блочные боксы расположены друг за другом, какое расстояние будет между ними в нормальном потоке?

Ответ:

(1) 70 пикселей

(2) 40 пикселей

(3) 30 пикселей

Номер 3

В каком случае генерируются анонимные блочные боксы?

Ответ:

(1) если у строчного бокса отсутствует параметр id

(2) если блочный бокс содержит смесь блочных и строковых потомков

(3) если блочный бокс содержит только строковых потомков

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

Номер 1

 Допустимо ли, чтобы блочный бокс содержал смесь блочных и строковых боксов?

Ответ:

(1) да, допустимо, но при этом будут генерироваться анонимные блочные боксы

(2) нет, недопустимо. Блочный бокс может содержать только блочные боксы

(3) нет, недопустимо. Блочный бокс может содержать только строковые боксы

Номер 2

Зачем генерируются анонимные блочные боксы?

Ответ:

(1) для логического структурирования документа

(2) для того чтобы блочный бокс содержал только блочные боксы в случае, когда он содержит смесь блочных и строковых боксов

(3) для оптимизации обработки документа браузерами

Номер 3

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

Ответ:

(1) 0 пикселей

(2) 1 пиксель

(3) 5 пикселей

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

Номер 1

Какими элементами генерируются строковые боксы?

Ответ:

(1) строковыми элементами HTML

(2) элементами логической разметки

(3) текстовым контентом (создаются анонимные строковые боксы)

Номер 2

Зачем генерируются анонимные строковые боксы?

Ответ:

(1) для охвата текстового контента элементов

(2) для логического структурирования элементов

(3) для оптимизации обработки элементов браузером

Номер 3

В каком порядке располагаются строковые боксы?

Ответ:

(1) вертикально, один под другим, в порядке, в котором они появляются в разметке

(2) горизонтально, один за другим, в порядке, в котором они появляются в разметке

(3) порядок не определен

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

Номер 1

Как (слева направо или справа налево) располагаются строковые боксы?

Ответ:

(1) строковые боксы всегда располагаются слева направо

(2) строковые боксы всегда располагаются справа налево

(3) порядок расположения строковых боксов определяется свойством direction

Номер 2

За что отвечает свойство direction?

Ответ:

(1) за порядок отображения строковых боксов: сверху вниз или снизу вверх

(2) за порядок отображения строковых боксов: слева направо или справа налево

(3) определяет выравнивание текста в строковом блоке

Номер 3

Что называется линейным боксом?

Ответ:

(1) бокс, в который помещается множество строковых боксов, составляющих строку на экране (бумаге)

(2) блочный бокс, в котором размещена одна строка текста

(3) блочный бокс, имеющий высоту 10 пикселей

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

Номер 1

Как располагаются линейные боксы в своих предках?

Ответ:

(1) горизонтально, один за другим

(2) вертикально, без дополнительного пробела между ними

(3) вертикально, с расстоянием между ними

Номер 2

За что отвечает свойство line-height?

Ответ:

(1) за высоту строкового бокса

(2) за высоту линейного бокса

(3) за высоту блочного бокса

Номер 3

Какие параметры можно определить для строковых боксов?

Ответ:

(1) вертикальные, горизонтальные поля, ширину, высоту

(2) вертикальные и горизонтальные поля. Размер определить нельзя

(3) размер. Поля определить нельзя

(4) нельзя определить никакие размеры. Можно определить только горизонтальные поля

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

Номер 1

За что отвечает свойство vertical-align?

Ответ:

(1) за выравнивание текста внутри строкового бокса

(2) за выравнивание строковых боксов в охватывающем линейном боксе

(3) за выравнивание строковых боксов в охватывающем блочном боксе

Номер 2

За что отвечает параметр text-align?

Ответ:

(1) за выравнивание строковых боксов в линейном боксе в случае, когда общая ширина строковых боксов меньше ширины линейного бокса

(2) за выравнивание строковых боксов в родительском блочном боксе

(3) за выравнивание текста в строковом боксе

Номер 3

Что называется базовой линией?

Ответ:

(1) это воображаемая линия, на которой располагаются буквы без нижних выносных элементов

(2) это воображаемая линия, на которой располагаются буквы с нижними выносными элементами

(3) это нижняя граница строкового бокса

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

Номер 1

Где располагается элемент с относительным позиционированием?

Ответ:

(1) сначала так же, как любой статический элемент, но потом смещенный согласно свойствам top, bottom, left или right

(2) элемент изымается из потока элементов и располагается в соответствии со свойствами top, bottom, left или right

(3) элемент располагается относительно своего родителя в соответствии со свойствами top, bottom, left или right

Номер 2

Как располагается элемент с относительным позиционированием в потоке элементов?

Ответ:

(1) он изымается из потока и располагается относительно тела документа

(2) он остается в потоке статического документа

(3) он помещается в конец потока, где обрабатывается в последнюю очередь

Номер 3

Если элемент с относительным позиционированием расположен внизу страницы, где он может быть расположен в потоке элементов?

Ответ:

(1) только ближе к концу потока

(2) может быть расположен в любом месте, а впоследствии визуально перемещен вниз страницы

(3) элемент изымается из потока элементов

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

Номер 1

Какие проблемы существуют при создании многоколоночной компоновки с помощью элементов с относительным позиционированием?

Ответ:

(1) данный способ чрезвычайно трудоемок и на практике не применяется

(2) данный способ не полностью поддерживается браузером Internet Explorer

(3) данный способ устарел и не рекомендуется для использования

Номер 2

Для каких целей используется expression() в CSS при оформлении элементов с относительным позиционированием?

Ответ:

(1) данное средство используется для эмуляции ограничений по ширине в браузере Internet Explorer

(2) данное выражение используется для вычислений, что позволяет создавать динамические стили

(3) данное выражение выводит окно с предупреждением пользователю

Номер 3

Какая основная проблема связана с использование expression() для эмуляции ограничений по ширине при оформлении элементов с относительным позиционированием?

Ответ:

(1) проблема с производительностью (большое количество вычислений)

(2) данное свойство поддерживается только браузером Internet Explorer

(3) должен быть включен Jscript в браузере

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

Номер 1

За что отвечает свойство hasLayout?

Ответ:

(1) за обработку слоев при верстке

(2) для корректной работы относительного позиционирования элементов в Internet Explorer

(3) с помощью этого свойства можно задавать многоколоночный макет страницы

Номер 2

Какие проблемы могут возникнуть при использовании свойств min-width и max-width?

Ответ:

(1) данные свойства устарели и уже не поддерживаются основными браузерами

(2) данные свойства появятся лишь в следующей версии стандарта и еще не поддерживаются основными браузерами

(3) данные свойства не поддерживаются в браузере Internet Explorer 6

Номер 3

Что будет с макетом страницы, заданным с помощью относительного позиционирования, при изменении размеров окна браузера?

Ответ:

(1) во всех браузерах компоновка будет сохранена

(2) во всех браузерах компоновка будет съезжать

(3) во всех браузерах появятся полосы прокрутки, размеры элементов не изменятся

(4) в браузере Internet Explorer компоновка будет съезжать, но при перезагрузке страницы все вернется на свои места

Введение в стандарты Web - тест 36