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

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

Номер 1

Для каких целей используются плавающие элементы?

Ответ:

(1) для создания обтекаемых текстом элементов

(2) для абсолютного позиционирования элементов на странице

(3) для создания много-столбцовых компоновок

Номер 2

Какое свойство используется для задания плавающего объекта?

Ответ:

(1) clear

(2) float

(3) swimming

Номер 3

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

Ответ:

(1) clear

(2) float

(3) clean

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

Номер 1

Как ведет себя плавающий элемент?

Ответ:

(1) перемещается по странице по изначально заданной траектории

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

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

Номер 2

Что означает очистка плавающего элемента?

Ответ:

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

(2) удаление содержимого плавающего элемента

(3) установку фона по умолчанию плавающему элементу

Номер 3

Как ведет себя текст относительно плавающего элемента?

Ответ:

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

(2) текст располагается выше и ниже плавающего элемента

(3) текст располагается поверх плавающего элемента

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

Номер 1

В каком прядке располагаются блочные элементы на странице?

Ответ:

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

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

(3) порядок блочных элементов не определен

Номер 2

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

Ответ:

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

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

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

Номер 3

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

Ответ:

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

(2) блочные

(3) строковые и блочные

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

Номер 1

Что определяет свойство direction?

Ответ:

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

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

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

Номер 2

Какие допустимые значения имеет свойство float?

Ответ:

(1) left

(2) right

(3) top

(4) none

(5) bottom

(6) inherit

Номер 3

Какое значение свойства float заставляет сместиться плавающий элемент влево?

Ответ:

(1) right

(2) left

(3) left-side

(4) none

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

Номер 1

Как поведет себя плавающий элемент, если свойству float присвоить значение inherit?

Ответ:

(1) ничего не произойдет

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

(3) плавающий элемент унаследует свойство float от элемента предка

Номер 2

Если свойство float имеет значение left, куда сместится плавающий элемент?

Ответ:

(1) плавающий элемент прижмется к левой границе экрана

(2) плавающий элемент сместится влево на 100 пикселов

(3) плавающий элемент сместится как можно дальше влево, при этом не пересекая границу элемента-предка

Номер 3

В каком случае плавающий элемент не сместится к одной из границ элемента-предка?

Ответ:

(1) в любом случае плавающий элемент прижимается к границе элемента-предка

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

(3) в случае, когда элемент-предок расположен по центру

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

Номер 1

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

Ответ:

(1) задать у одного из них свойство vertical-align : top

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

(3) плавающие элементы всегда располагаются в одну строку, поэтому их нельзя расположить один под другим

Номер 2

Что будет, если ширина плавающих элементов превосходит 100%?

Ответ:

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

(2) ширина автоматически будет уменьшена до 100%

(3) плавающие элементы будут расположены друг под другом

Номер 3

Как можно задать пространство вокруг плавающего элемента?

Ответ:

(1) пространство вокруг плавающих элементов задается автоматически равным 10 пикселям

(2) пространство можно задать с помощью полей (свойство margin)

(3) плавающие элементы необходимо позиционировать абсолютно

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

Номер 1

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

Ответ:

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

(2) можно задать отрицательные поля

(3) можно воспользоваться свойством deep-align

Номер 2

Какие допустимые значения имеет свойств clear?

Ответ:

(1) left

(2) right

(3) top

(4) both

(5) bottom

(6) all

(7) none

(8) inherit

Номер 3

Какого эффекта позволит добиться использование свойства clear:left на каком-либо элементе?

Ответ:

(1) это позволит сместить данный элемент влево

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

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

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

Номер 1

Какого эффекта позволит добиться использование свойства clear:both на каком-либо элементе?

Ответ:

(1) это растянет элемент на всю ширину экрана

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

(3) это очистит его содержимое

Номер 2

Как изменяются размеры элемента, если один из его потомков является плавающим элементом?

Ответ:

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

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

(3) наличие плавающих потомков заставляет элемент расширяться на всю страницу

Номер 3

Что произойдет, если все потомки какого-либо элемента будут плавающими?

Ответ:

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

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

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

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

Номер 1

Зачем в элемент может добавляться дополнительный элемент, сразу перед закрывающим тегом, с clear:both?

Ответ:

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

(2) данный элемент необходим из-за рекомендации стандарта

(3) данный прием позволяет расширить элемент предок, чтобы он охватил своих плавающих потомков

Номер 2

С какой целью может потребоваться задавать элемент-предок плавающих элементов также плавающим?

Ответ:

(1) это требуется для устранения ошибок браузеров при работе с плавающими элементами

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

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

Номер 3

Как ведет себя плавающий элемент родитель относительно плавающих потомков?

Ответ:

(1) плавающий элемент всегда расширяется для охвата своих плавающих потомков

(2) плавающий элемент родитель ведет себя так, как будто он не является плавающим элементом

(3) размер плавающего элемента уменьшается до нуля, и он исчезает со страницы

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

Номер 1

Что будет, если у плавающего блочного бокса не задавать ширину?

Ответ:

(1) он исчезнет с экрана

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

(3) бокс будет занимать 100% возможной ширины

Номер 2

Что произойдет, если строковый бокс сделать плавающим?

Ответ:

(1) бокс станет блочным

(2) бокс останется строковым

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

Номер 3

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

Ответ:

(1) задать ширину, равную 100%

(2) не задавать ширину

(3) задать ширину, равную 0

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

Номер 1

Как поведет себя элемент, у которого имеются плавающие потомки, не задана высота и свойство overflow у которого равно hidden?

Ответ:

(1) элемент расширится, чтобы охватить своих плавающих потомков

(2) так как высота не задана, а свойство overflow равно hidden, элемент скроется и не будет виден на странице

(3) ничего не произойдет, свойство overflow никак не влияет на элемент, у которого имеются плавающие потомки

Номер 2

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

Ответ:

(1) необходимо воспользоваться свойством float:center

(2) необходимо воспользоваться свойством float:auto

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

(4) необходимо воспользоваться дополнительным элементом (оболочкой), которая будет смещена вправо, а плавающий элемент внутри оболочки – сместить влево

Номер 3

Зачем может понадобиться поместить плавающий элемент в оболочку?

Ответ:

(1) это требуется для решения проблем, связанных с отображением плавающих элементов браузером Internet Explorer

(2) все плавающие элементы должны быть помещены в дополнительный элемент оболочки

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

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

Номер 1

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

Ответ:

(1) необходимо жестко задать ширину плавающего элемента

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

(3) необходимо сделать родительский элемент не плавающим

(4) необходимо воспользоваться свойством overflow:hidden на подходящем элементе предке так, чтобы сделать переполнение скрытым

Номер 2

Как реализована обработка плавающих элементов в основных браузерах?

Ответ:

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

(2) только Internet Explorer полностью поддерживает плавающие элементы

(3) все браузеры, кроме Internet Explorer, поддерживают полностью плавающие элементы

(4) во всех браузерах имеются ошибки при работе с плавающими элементами

Номер 3

С какими трудностями придется столкнуться при использовании плавающих элементов?

Ответ:

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

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

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

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