Главная / Интернет-технологии /
Лекции по современным веб-технологиям / Тест 13
Лекции по современным веб-технологиям - тест 13
Упражнение 1:
Номер 1
Чему эквивалентно правило P {margin: 20px;}
?
Ответ:
 (1)
P {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
}
 
 (2)
P {
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 0px;
}
 
 (3)
P {
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}
 
 (4)
P {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}
 
Номер 2
Какое свойство задает значение нижнего поля?
Ответ:
 (1) margin-top
 
 (2) margin-right
 
 (3) margin-bottom
 
 (4) margin-left
 
Номер 3
Чему эквивалентно правило BODY {
margin-right: 70px;
margin-top: 100px;
margin-left: 40px;
margin-bottom: 40px;
}
Ответ:
 (1) BODY {margin: 100px 40px 70px 40px;}
 
 (2) BODY {margin: 100px 70px 40px 40px;}
 
 (3) BODY {margin: 70px 70px 100px 40px;}
 
 (4) BODY {margin: 40px 70px 40px 100px;}
 
Упражнение 2:
Номер 1
Какую границу задает следующее правило P {border: 2px dashed red;}
?
Ответ:
 (1) красную пунктирную границу толщиной 2px 
 (2) синюю пунктирную границу толщиной 2px 
 (3) красную сплошную границу толщиной 2px 
Номер 2
Какое из правил создает сплошную рамку черного цвета толщиной 5px?
Ответ:
 (1) border: 5px solid red
 
 (2) border: 5px dotted black
 
 (3) border: 5px solid black
 
 (4) border: 5px groove black
 
Номер 3
Какое свойство CSS позволяет установить только нижнюю границу элемента?
Ответ:
 (1) border
 
 (2) border-top
 
 (3) border-bottom
 
 (4) border-left
 
 (5) border-right
 
Упражнение 3:
Номер 1
Чему эквивалентно правило H1 {
border-width-right: 7px;
border-width-top: 10px;
border-width-left: 4px;
border-width-bottom: 5px;
}
Ответ:
 (1) H1 {border-width: 10px 4px 7px 5px;}
 
 (2) H1 {border-width: 10px 7px 5px 4px;}
 
 (3) H1 {border-width: 7px 5px 10px 4px;}
 
 (4) H1 {border-width: 5px 7px 4px 10px;}
 
Номер 2
Чему эквивалентно правило H1 {border-width: 10px 7px 5px 4px;}?
Ответ:
 (1)
H1 {
border-width-right: 10px;
border-width-top: 7px;
border-width-left: 4px;
border-width-bottom: 5px;
}
 
 (2)
H1 {
border-width-right: 7px;
border-width-top: 10px;
border-width-left: 4px;
border-width-bottom: 5px;
}
 
 (3)
H1 {
border-width-right: 7px;
border-width-top: 5px;
border-width-left: 4px;
border-width-bottom: 10px;
}
 
Номер 3
Какое свойство CSS позволяет установить толщину верхней границы элемента?
Ответ:
 (1) border
 
 (2) border-width-top
 
 (3) border-width-bottom
 
 (4) border-width-left
 
 (5) border-width-right
 
Упражнение 4:
Номер 1
Какие свойства CSS задают стиль границы элемента?
Ответ:
 (1) border-style
 
 (2) border-style-bottom
 
 (3) border-width
 
 (4) style-border
 
 (5) border-top-style
 
Номер 2
Какой эффект произведет следующее правило H1 {border-style: solid;}
?
Ответ:
 (1) стиль рамки будет задан для правой стороны элемента 
 (2) стиль рамки будет задан для верхней стороны элемента 
 (3) стиль рамки будет задан для левой стороны элемента 
 (4) стиль рамки будет задан для всех сторон элемента 
Номер 3
Корректно ли правило {border-style: solid dashed;}
?
Ответ:
 (1) да, корректно 
 (2) нет, не корректно 
Упражнение 5:
Номер 1
Какое свойство устанавливает внутренне расстояние между границей и содержимым элемента?
Ответ:
 (1) border
 
 (2) padding
 
 (3) margin
 
 (4) spacing
 
Номер 2
Какое свойство устанавливает внутреннее расстояние от нижнего края содержимого элемента.
Ответ:
 (1) padding-bottom
 
 (2) bottom-padding
 
 (3) margin-bottom
 
 (4) margin-top
 
Номер 3
Какое значение по умолчанию принимает свойство padding-left
?
Ответ:
 (1)
0
 
 (2) 100
 
 (3) 100%
 
 (4) none
 
Упражнение 6:
Номер 1
Что делает значение right
свойства clear?
Ответ:
 (1) запрещает обтекание другими элементами с правой стороны 
 (2) убирает все отступы справа от элемента 
 (3) отменяет свойство text-align: right;
для вложеных элементов 
Номер 2
Какое свойство CSS задает элементу выравнивание и обтекание другими элементами?
Ответ:
 (1) padding
 
 (2) margin
 
 (3) float
 
 (4) сlear
 
Номер 3
Какое значение по умолчанию принимает свойство float
?
Ответ:
 (1) left
 
 (2) right
 
 (3) top
 
 (4) none
 
 (5) bottom
 
Упражнение 7:
Номер 2
Выберите элементы, к которым неприменимы свойства height
и width
:
Ответ:
 (1) SPAN
 
 (2) STRONG
 
 (3) EM
 
Номер 3
Выберите корректные примеры задания цвета границы:
Ответ:
 (1) H1 {
border-color: red white;
}
 
 (2) P {
border-color: #008a77;
}
 
 (3) H3 {
border-color = green;
}