игра брюс 2048
Главная / Интернет-технологии / Лекции по современным веб-технологиям / Тест 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 



Главная / Интернет-технологии / Лекции по современным веб-технологиям / Тест 16