Главная / Интернет-технологии /
Лекции по современным веб-технологиям / Тест 16
Лекции по современным веб-технологиям - тест 16
Упражнение 1:
Номер 1
Какое значение по умолчанию принимает свойство z-index
?
Ответ:
 (1) absolute
 
 (2) inherit
 
 (3) auto
 
 (4) 1
 
Номер 2
Элемент с каким идентификатором будет перекрывать остальные?
CSS:
#box1 {
position: absolute;
left: 300px;
top: 300px;
z-index: 3;
}
#box2 {
position: absolute;
left: 305px;
top: 305px;
z-index: 1;
}
#box3 {
position: absolute;
left: 310px;
top: 310px;
z-index: 2;
}
HTML:
<DIV id="box1">…</DIV>
<DIV id="box2">…</DIV>
<DIV id="box3">…</DIV>
Ответ:
 (1) box1
 
 (2) box2
 
 (3) box3
 
Номер 3
Выберите корректные значения свойства z-index
Ответ:
 (1) -5
 
 (2) 5
 
 (3) 0.5
 
 (4) inherit
 
 (5) none
 
Упражнение 2:
Номер 1
Чему равно поле (вертикальное расстояние) между элементами с классами box1
и box2
?
CSS:
.box1 {margin-bottom: 10px;}
.box2 {margin-top: 5px;}
HTML:
<DIV class="box1"></DIV>
<DIV class="box2"></DIV>
Ответ:
 (1) 5 
 (2) 10 
 (3) 15 
 (4) 20 
Номер 2
Какими свойствами регулируется вертикальное расстояние между двумя блочными боксами?
Ответ:
 (1) margin-top
первого блока и margin-bottom
второго бокса 
 (2) margin-bottom
первого блока и margin-top
второго бокса 
 (3) padding-bottom
первого блока и padding-top
второго бокса 
 (4) padding-top
первого блока и padding-bottom
второго бокса 
Номер 3
Какой тип позиционирования установлен по умолчанию?
Ответ:
 (1) static
 
 (2) absolute
 
 (3) fixed
 
 (4) relative
 
Упражнение 3:
Номер 1
Дан код: <DIV style="position:absolute;">
<DIV style="position:absolute;">Text</DIV>
</DIV>
Относительно чего будет позиционироваться внутренний элемент DIV
?
Ответ:
 (1) относительно внешнего элемента с position: absolute
 
 (2) относительно окна браузера 
 (3) относительно области видимости окна браузера 
Номер 2
Фиксированное позиционирование действует подобно…
Ответ:
 (1) статическому 
 (2) абсолютному 
 (3) относительному 
Номер 3
Бокс с относительным позиционированием…
Ответ:
 (1) смещается относительно своего положения в потоке, но из потока не исключается 
 (2) располагается по заданным координатам, а из потока исключается 
 (3) всегда располагается только относительно окна браузера и никогда не смещается при прокручивании веб-страницы 
Упражнение 4:
Номер 1
Выберите корректные значения свойства position
:
Ответ:
 (1) static
 
 (2) auto
 
 (3) relative
 
 (4) none
 
Номер 2
Выберите корректные значения свойства position
:
Ответ:
 (1) absolute
 
 (2) fixed
 
 (3) top
 
 (4) left
 
Номер 3
Выберите верные утверждения:
Ответ:
 (1) с точки зрения боксовой модели каждый элемент HTML представляет собой прямоугольник (бокс), для которого можно задать поля, границы и заполнения 
 (2) значением свойства position
являются координаты бокса в любых допустимых единицах измерения 
 (3) в основе позиционирования лежит представление окна браузера как системы координат, любой бокс возможно расположить в этой системе координат где угодно 
Упражнение 5:
Номер 1
Какое свойство определяет высоту линейных боксов при статическом позиционировании?
Ответ:
 (1) line-top
 
 (2) line-box-bottom
 
 (3) line-height
 
 (4) такого свойства нет 
Номер 2
Какое свойство определяет направленность расположения строковых боксов (слева направо или справа налево) при статическом позиционировании?
Ответ:
 (1) line-height
 
 (2) direction
 
 (3) margin-bottom
 
 (4) такого свойства нет 
Номер 3
При статическом позиционировании переход на новую строку при выкладке строковых блоков...
Ответ:
 (1) осуществляется перед каждым новым строковым блоком 
 (2) осуществляется только если исчерпано доступное горизонтальное пространство 
Упражнение 6:
Номер 1
Какое значение свойства position
соответствует относительному позиционированию?
Ответ:
 (1) static
 
 (2) relative
 
 (3) absolute
 
 (4) fixed
 
 (5) regard
 
Номер 2
Какие свойства могут быть использованы для смещения бокса при относительном позиционировании?
Ответ:
 (1) top
 
 (2) bottom
 
 (3) up
 
 (4) down
 
 (5) left
 
Номер 3
Один из боксов был смещен:
SPAN {
position: relative;
top: 10px;
}
Как изменилось положение соседних с ним справа и слева боксов?
Ответ:
 (1) они тоже сместились вверх 
 (2) соседний слева бокс сместился вправо, соседний справа бокс сместился влево 
 (3) никак не изменилось 
Упражнение 7:
Номер 1
При каком типе позиционирования элемент располагается относительно окна браузера и никогда не смещается при прокручивании веб-страницы?
Ответ:
 (1) статическое позиционирование 
 (2) абсолютное позиционирование 
 (3) фиксированное позиционирование 
Номер 2
Допустимо ли использование всех четырех ствойств top
, bottom
, left
и right
при абсолютном позиционировании?
Ответ:
 (1) допустимо только для строковых элементов 
 (2) допустимо только для блочных элементов 
 (3) допустимо как для строковых так и для блочных элементов 
 (4) не допустимо 
Номер 3
Какие свойства используются для определения размера блока при абсолютном позиционировании?
Ответ:
 (1) width
 
 (2) box-size
 
 (3) top
 
 (4) height
 
 (5) up