Главная / Интернет-технологии /
Спецификация CSS2 / Тест 8
Спецификация CSS2 - тест 8
Упражнение 1:
Номер 1
Какой параметр можно использовать для задания цвета нижней стороны границы?
Ответ:
 (1)
border-down-color
 
 (2)
border-bottom-color
 
 (3)
border-bottom-style
 
Номер 2
Какой параметр можно использовать для задания цвета левой стороны границы?
Ответ:
 (1)
border-left-style
 
 (2)
border-right-color
 
 (3)
border-left-color
 
Номер 3
Какой параметр можно использовать для задания цвета верхней стороны границы?
Ответ:
 (1)
border-top-style
 
 (2)
border-up-color
 
 (3)
border-top-color
 
Упражнение 2:
Номер 1
Какой параметр служит для задания толщины границы?
Ответ:
 (1)
border-width
 
 (2)
border-all-width
 
 (3)
width
 
Номер 2
Укажите допустимые значения параметра border-width?
Ответ:
 (1)
thin
 
 (2)
medium
 
 (3)
null
 
Номер 3
Укажите допустимые значения параметра border-width?
Ответ:
 (1)
off
 
 (2)
thick
 
 (3)
none
 
Упражнение 3:
Номер 1
Укажите корректные варианты задания цвета границы:
Ответ:
 (1)
h2 { border-bottom #800000}
 
 (2)
h2 { border-bottom: color=#800000}
 
 (3)
h2 { border-bottom: #800000}
 
Номер 2
Укажите корректные варианты задания цвета границы:
Ответ:
 (1)
h6 { border-bottom: red}
 
 (2)
h6 { border-bottom red}
 
 (3)
h6 { border-color red}
 
Номер 3
Укажите корректные варианты задания цвета границы:
Ответ:
 (1)
h6 { border-bottom-color: rgb(255,0,0) }
 
 (2)
h6 { border-bottom-color: rgb[255,0,0] }
 
 (3)
h6 { border-bottom-color: rgb(256,256,256) }
 
Упражнение 4:
Номер 1
Укажите варианты задания параметров границы, содержащие ошибку:
Ответ:
 (1)
p {border-style: dashed}
 
 (2)
p {border-style: double-sided}
 
 (3)
p {border-style: solid tripple}
 
Номер 2
Укажите варианты задания параметров границы, содержащие ошибку:
Ответ:
 (1)
p {border-style: dashed dotted lines}
 
 (2)
p {border-style: dashed double dotted solid}
 
 (3)
p {border-style: dotted no}
 
Номер 3
Укажите варианты задания параметров границы, содержащие ошибку:
Ответ:
 (1)
p {border-style: dashed noborder}
 
 (2)
p {border-style: dashed nolines}
 
 (3)
p {border-style: dashed double hidden }
 
Упражнение 5:
Номер 1
В каком примере ширина левого отступа равняется 20px?
Ответ:
 (1)
{margin: 20px 10px 5px 20px}
 
 (2)
{padding: 20px 10px 5px 20px}
 
 (3)
{margin: 20px 10px 20px 10px}
 
 (4)
{padding: 20px 10px 20px 10px}
 
Номер 2
В каком примере ширина правого отступа равняется 10px?
Ответ:
 (1)
{margin: 20px 10px 5px 20px}
 
 (2)
{padding: 20px 10px 5px 20px}
 
 (3)
{margin: 10px 10px 20px 20px}
 
 (4)
{padding: 10px 10px 20px 20px}
 
Номер 3
В каком примере ширина верхнего отступа равняется 5px?
Ответ:
 (1)
{margin: 5px 10px 20px 20px}
 
 (2)
{padding: 20px 10px 5px 20px}
 
 (3)
{margin: 10px 10px 20px 20px}
 
 (4)
{padding: 10px 10px 20px 20px}
 
Упражнение 6:
Номер 2
Укажите вариант, в котором корректно заданы параметры отступов:
Ответ:
 (1)
p{margin-top: -5px}
 
 (2)
p{margin-top: -5p}
 
 (3)
p{margin-top: -5}
 
Номер 3
Укажите варианты, в которых корректно заданы параметры отступов:
Ответ:
 (1)
p{margin-top: -5px}
 
 (2)
p{margin-top: auto}
 
 (3)
p{margin-top: 10%}
 
Упражнение 7:
Номер 1
Укажите варианты, в которых корректно заданы параметры отступов:
Ответ:
 (1)
h1.all {margin: 1cm 2cm 1cm 2cm}
 
 (2)
h1.all {margin-all: 1cm 2cm 1cm 2cm}
 
 (3)
h1.all {set-margin: 1cm 2cm 1cm 2cm}
 
Номер 2
Укажите варианты, в которых корректно заданы параметры отступов:
Ответ:
 (1)
h1.all {margin: 1cm 2cm 1cm 2cm}
 
 (2)
h1.all {1cm 2cm 1cm 2cm}
 
 (3)
h1.all {margin: 1 2 1 2}
 
Номер 3
Укажите варианты, в которых корректно заданы параметры отступов:
Ответ:
 (1)
h1.all {margin: 1cm 2cm 1cm 2cm}
 
 (2)
h1.all {margin: 1% 2% 1% 2%}
 
 (3)
h1.all {margin: 1 2 1 2}
 
Упражнение 8:
Номер 1
В каком примере ширина левого поля равняется 20px?
Ответ:
 (1)
{padding: 20px 10px 5px 20px}
 
 (2)
{padding: 20px 10px 20px 10px}
 
 (3)
{padding: 5px 20px 5px 10px}
 
Номер 2
В каком примере ширина правого поля равняется 10px?
Ответ:
 (1)
{padding: 20px 10px 5px 20px}
 
 (2)
{padding: 10px 10px 20px 20px}
 
 (3)
{padding: 10px 5px 10px 5px}
 
Номер 3
В каком примере ширина верхнего поля равняется 5px?
Ответ:
 (1)
{padding: 20px 10px 5px 20px}
 
 (2)
{padding: 5px 10px 15px 20px}
 
 (3)
{padding: 10px 10px 20px 5px}
 
Упражнение 9:
Номер 1
Укажите вариант, в котором корректно заданы параметры полей:
Ответ:
 (1)
p{padding-top: 0.3em}
 
 (2)
p{padding-top: off}
 
 (3)
p{padding-top: none}
 
Номер 2
Укажите варианты, в которых корректно заданы параметры полей:
Ответ:
 (1)
p{padding-top: 5px}
 
 (2)
p{padding-top: 5p}
 
 (3)
p{padding-top: 5}
 
Номер 3
Укажите варианты, в которых корректно заданы параметры полей:
Ответ:
 (1)
p{padding-top: -5px}
 
 (2)
p{padding-top: auto}
 
 (3)
p{padding-top: 10%}
 
Упражнение 10:
Номер 1
Укажите варианты, в которых корректно заданы параметры полей:
Ответ:
 (1)
h1.all {padding: 1cm 2cm 1cm 2cm}
 
 (2)
h1.all {padding-all: 1cm 2cm 1cm 2cm}
 
 (3)
h1.all {set-padding: 1cm 2cm 1cm 2cm}
 
Номер 2
Укажите варианты, в которых корректно заданы параметры полей:
Ответ:
 (1)
h1.all {padding: 1cm 2cm 1cm 2cm}
 
 (2)
h1.all {1cm 2cm 1cm 2cm}
 
 (3)
h1.all {padding: 1 2 1 2}
 
Номер 3
Укажите варианты, в которых корректно заданы параметры полей:
Ответ:
 (1)
h1.all {padding: 1cm 2cm 1cm 2cm}
 
 (2)
h1.all {padding: 1% 2% 1% 2%}
 
 (3)
h1.all {padding: 1 2 1 2}