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

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

Номер 1

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

Ответ:

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

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

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

Номер 2

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

Ответ:

(1) нет, не будет

(2) да, будет в любом случае

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

Номер 3

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

Ответ:

(1) эти элементы фиксируются относительно окна просмотра/окна браузера

(2) эти элементы фиксируются относительно объемлющего элемента

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

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

Номер 1

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

Ответ:

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

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

(3) это тело документа

Номер 2

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

Ответ:

(1) тело документа (элемент body)

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

(3) блочный элемент верхнего уровня (обертка)

Номер 3

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

Ответ:

(1) тело документа (элемент body)

(2) ближайший позиционированный элемент (элемент, у которого свойство position равно relative, absolute или fixed)

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

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

Номер 1

Что называют «начальным объемлющим блоком»?

Ответ:

(1) тело документа (элемент body)

(2) элемент html

(3) элемент head

Номер 2

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

Ответ:

(1) родительский блочный элемент

(2) тело документа (элемент body)

(3) начальный объемлющий блок (элемент html)

Номер 3

Какой элемент является объемлющим блоком для элемента с фиксированным позиционированием?

Ответ:

(1) родительский блочный элемент

(2) начальный объемлющий блок (элемент html)

(3) ближайший позиционированный элемент

(4) область просмотра окна браузера

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

Номер 1

Как соотносятся между собой абсолютное и фиксирование позиционирование?

Ответ:

(1) фиксированное позиционирование является специальной формой абсолютного позиционирования

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

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

Номер 2

Какое расстояние определяют свойства top, right, bottom, left для относительно позиционированного элемента?

Ответ:

(1) относительное расстояние для смещения относительно объемлющего блока

(2) абсолютное расстояние для смещения относительно объемлющего блока

(3) абсолютное расстояние для смещения относительно начала страницы

Номер 3

Нужно ли задавать одновременно параметры top и bottom, left и right для относительно позиционированного элемента?

Ответ:

(1) да, нужно, чтобы точно задать положение элемента

(2) нет, не нужно, потому что они дополняют друг друга и можно задать лишь один из них

(3) да, нужно, потому что это требует стандарт

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

Номер 1

Нужно ли задавать одновременно параметры top и bottom, left и right для абсолютно позиционированного элемента?

Ответ:

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

(2) нет, не нужно, потому что они дополняют друг друга и можно задать лишь один из них

(3) да, нужно, потому что это требует стандарт

Номер 2

Относительно какой точки задаются расстояния для свойств top, left, right, bottom у абсолютно позиционированного элемента?

Ответ:

(1) относительно верхнего левого угла экрана

(2) относительно начала документа

(3) относительно краев объемлющего элемента

Номер 3

Почему важно задавать position:relative на родительском блоке абсолютно позиционированного элемента?

Ответ:

(1) это требуется по стандарту

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

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

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

Номер 1

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

Ответ:

(1) они будут растягиваться во всю ширину экрана браузера

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

(3) они будут растягиваться во всю ширину своего родительского элемента

Номер 2

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

Ответ:

(1) только с помощью свойств left и right

(2) только с помощью свойства width

(3) только с помощью свойств left и width

(4) с помощью left и right, или определяя width

Номер 3

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

Ответ:

(1) только с помощью свойств top и bottom

(2) с помощью top и bottom, или определяя height

(3) только с помощью свойства height

(4) только с помощью свойств top и height

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

Номер 1

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

Ответ:

(1) относительно разрешения экрана

(2) относительно ширины тела документа (элемента body)

(3) относительно размеров объемлющего блока

Номер 2

Разрешение экрана 1024х768, размер объемлющего блока абсолютно позиционированного элемента 800x600. Какая ширина будет у абсолютно позиционированного блока, если она задана как: 50%?

Ответ:

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

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

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

Номер 3

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

Ответ:

(1) эти размеры и положение сложно вычислять

(2) эти размеры и положение сложно точно подбирать

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

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

Номер 1

Для позиционирования элементов относительно оси Z, расположенной перпендикулярно монитору, используется свойство:

Ответ:

(1) z-index

(2) vertical-align

(3) z-position

Номер 2

Какую точку привязки на оси Z имеют позиционированные элементы в контексте стека?

Ответ:

(1) значение точки привязки уменьшается

(2) значение точки привязки увеличивается

(3) все элементы имеют одну точку привязки

Номер 3

Может ли свойство z-index иметь отрицательные значения?

Ответ:

(1) нет, допустимыми значениями могут быть лишь целые положительные числа

(2) допустимыми значениями могут быть 0 и целые положительные числа

(3) допустимыми значениями могут быть целые числа (положительные, отрицательные, ноль)

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

Номер 1

Можно ли точно установить позицию элемента на оси Z.

Ответ:

(1) да, можно в пикселях

(2) да, можно в пикселях и процентах

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

Номер 2

Если у элемента положительное значение свойства z-index, где он будет расположен относительно других элементов со значением свойства z-index по умолчанию?

Ответ:

(1) перед элементами

(2) позади элементов

(3) на одном уровне

Номер 3

Если два элемента в одном контексте стека имеют одинаковый уровень стека, какой элемент появится поверх одноуровневого элемента?

Ответ:

(1) тот элемент, который появляется в коде позже

(2) тот элемент, который появляется в коде раньше

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

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

Номер 1

В каком случае создается локальный контекст стека?

Ответ:

(1) в случае, когда свойству z-index присваивается целое число

(2) в случае, когда свойству z-index присваивается значение local

(3) в случае, когда свойству z-index присваивается значение auto

Номер 2

Какое существует различие между значениями 0 и auto у свойства z-index?

Ответ:

(1) auto создает локальный контекст стека, 0 не создает

(2) 0 создает локальный контекст стека, auto не создает

(3) отличий между этими значениями нет

Номер 3

Можно ли позиционировать потомков элемента с локальным контекстом стека относительно одноуровневых узлов предка?

Ответ:

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

(2) нельзя, поскольку уровни стека позиционированных потомков применяются только в этом локальном контексте

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

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

Номер 1

Относительно какой позиции фиксируется элемент с заданным свойством position:fixed?

Ответ:

(1) относительно области просмотра

(2) относительно родительского элемента

(3) относительно тела документа (тега body)

Номер 2

Где будет отображаться элемент с заданным свойством position:fixed при прокрутке страницы?

Ответ:

(1) элемент останется на своем месте

(2) элемент будет смещаться вместе с остальным документом

(3) элемент всегда будет на верху страницы

Номер 3

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

Ответ:

(1) Internet Explorer версии 6 и ниже не поддерживает фиксированное позиционирование

(2) только Internet Explorer поддерживает фиксированное позиционирование

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

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

Номер 1

Позиция и размеры элемента с position:fixed всегда определяются относительно:

Ответ:

(1) объемлющего его блока

(2) начального объемлющего блока

(3) определяются автоматически

Номер 2

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

Ответ:

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

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

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

Номер 3

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

Ответ:

(1) задать свойство postion:absolute

(2) задать свойство position:fixed

(3) задать свойство position:static

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