Главная / Интернет-технологии /
Применение каскадных таблиц стилей (CSS) / Тест 2
Применение каскадных таблиц стилей (CSS) - тест 2
Упражнение 1:
Номер 1
Какой параметр можно использовать для задания свойств всех четырех сторон границы в одном объявлении?
Ответ:
 (1)
border-all
 
 (2)
border
 
 (3)
setborder
 
Номер 2
Укажите доступные значения параметра border:
Ответ:
 (1)
border-width
 
 (2)
border-style
 
 (3)
border-up
 
Номер 3
Какой параметр служит для задания всех свойств нижней стороны границы в одном объявлении?
Ответ:
 (1)
border-bottom
 
 (2)
border-down
 
 (3)
bottom
 
Упражнение 2:
Номер 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
 
Упражнение 3:
Номер 1
Какой параметр служит для задания стиля границы?
Ответ:
 (1)
border-all-style
 
 (2)
border-style
 
 (3)
style
 
Номер 2
Укажите допустимые значения параметра border-style?
Ответ:
 (1)
none
 
 (2)
dotted
 
 (3)
lines
 
Номер 3
Укажите допустимое значение параметра border-style
?
Ответ:
 (1)
pixel
 
 (2)
dots
 
 (3)
solid
 
Упражнение 4:
Номер 1
Укажите корректный вариант задания параметров границы:
Ответ:
 (1)
p {border-style: double-sided}
 
 (2)
p {border-style: dashed}
 
 (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 double none }
 
 (2)
p {border-style: dashed noborder}
 
 (3)
p {border-style: dashed nolines}
 
Упражнение 5:
Номер 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}
 
Упражнение 6:
Номер 1
Какой параметр можно использовать для задания всех отступов в одном объявлении?
Ответ:
 (1)
margin-all
 
 (2)
margin
 
 (3)
setmargin
 
Номер 2
Укажите доступные значения параметра margin:
Ответ:
 (1)
10%
 
 (2)
5px
 
 (3)
off
 
Номер 3
Какой параметр служит для задания левого отступа элемента?
Ответ:
 (1)
margin-left
 
 (2)
leftmargin
 
 (3)
marginleft
 
Упражнение 7:
Номер 3
В каком примере ширина правого внешнего отступа равняется 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}
 
Номер 4
В каком примере ширина верхнего отступа равняется 5px?
Ответ:
 (1)
{margin: 5px 10px 20px 20px}
 
 (2)
{padding: 20px 10px 5px 20px}
 
 (3)
{margin: 10px 10px 20px 5px}
 
 (4)
{padding: 10px 5px 20px 20px}
 
Упражнение 8:
Номер 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%}
 
Упражнение 9:
Номер 1
Какой параметр можно использовать для задания всех полей в одном объявлении?
Ответ:
 (1)
padding-all
 
 (2)
padding
 
 (3)
setpadding
 
Номер 2
Укажите доступные значения параметра padding:
Ответ:
 (1)
10%
 
 (2)
5px
 
 (3)
off
 
Номер 3
Какой параметр служит для задания левого поля элемента?
Ответ:
 (1)
padding-left
 
 (2)
leftpadding
 
 (3)
paddingleft
 
Упражнение 10:
Номер 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}
 
Упражнение 11:
Номер 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%}