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