Главная / Интернет-технологии /
Основы работы с CSS / Тест 8
Основы работы с CSS - тест 8
Упражнение 1:
Номер 1
Какой параметр можно использовать для задания всех отступов в одном объявлении?
Ответ:
 (1)
margin-all
 
 (2)
margin
 
 (3)
setmargin
 
Номер 2
Укажите доступные значения параметра margin
:
Ответ:
 (1)
10%
 
 (2)
5px
 
 (3)
off
 
Номер 3
Какой параметр служит для задания левого отступа элемента?
Ответ:
 (1)
margin-left
 
 (2)
leftmargin
 
 (3)
marginleft
 
Упражнение 2:
Номер 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}
 
Упражнение 3:
Номер 1
Укажите вариант, в котором корректно заданы параметры отступов:
Ответ:
 (1)
p{margin-top: auto}
 
 (2)
p{margin-top: off}
 
 (3)
p{margin-top: none}
 
Номер 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%}
 
Упражнение 4:
Номер 1
Укажите варианты, в которых параметры отступов заданы ошибочно:
Ответ:
 (1)
p{margin-top: auto}
 
 (2)
p{margin-top: off}
 
 (3)
p{margin-top: none}
 
Номер 2
Укажите варианты, в которых параметры отступов заданы ошибочно:
Ответ:
 (1)
p{margin-top: -2px}
 
 (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}
 
Упражнение 5:
Номер 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}
 
Упражнение 6:
Номер 1
Какой параметр можно использовать для задания всех полей в одном объявлении?
Ответ:
 (1)
padding-all
 
 (2)
padding
 
 (3)
setpadding
 
Номер 2
Укажите доступные значения параметра padding:
Ответ:
 (1)
10%
 
 (2)
5px
 
 (3)
off
 
Номер 3
Какой параметр служит для задания левого поля элемента?
Ответ:
 (1)
padding-left
 
 (2)
leftpadding
 
 (3)
paddingleft
 
Упражнение 7:
Номер 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}
 
Упражнение 8:
Номер 1
Укажите вариант, в котором корректно заданы параметры полей:
Ответ:
 (1)
p{padding-top: auto}
 
 (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%}
 
Упражнение 9:
Номер 1
Укажите варианты, в которых параметры полей заданы ошибочно:
Ответ:
 (1)
p{padding-top: auto}
 
 (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: 10pt}
 
 (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}