Главная / Интернет-технологии /
Применение каскадных таблиц стилей (CSS) / Тест 5
Упражнение 2:
Номер 1
Ответ:
Применение каскадных таблиц стилей (CSS) - тест 5
Упражнение 1:
Номер 1
Ответ:
Номер 1
Какой параметр позволяет задать способ визуализации элемента?
Ответ:
(1)
monitor
(2)
show
(3)
display
Номер 2
Ответ:
Укажите допустимые значения параметра display:
Ответ:
(1)
none
(2)
one
(3)
on
(4)
off
Номер 1
Какой параметр определяет область позиционированного элемента, в которой будет показано его содержимое?
Ответ:
(1)
redraw
(2)
form
(3)
clip
Номер 2
Ответ:
Укажите доступные значения параметра clip:
Ответ:
(1)
clip:rect(2px, 175px, 100px, 0px)
(2)
clip:auto
(3)
clip:rect(2%)
(4)
clip:off
Номер 3
Ответ:
Укажите доступные значения параметра clip:
Ответ:
(1)
clip:rect(2px, 175px, 100px, 0px)
(2)
clip:rect(2 175 100 0)
(3)
clip:10% 10% 15% 1%
(4)
clip:auto
Упражнение 3:
Номер 1
Ответ:
Номер 1
Какой параметр определяет, что происходит, когда содержимое элемента переполняет его область?
Ответ:
(1)
overflow
(2)
draw
(3)
clip
Номер 2
Ответ:
Укажите доступные значения параметра overflow:
Ответ:
(1)
visible
(2)
hidden
(3)
scroll
(4)
none
Номер 3
Ответ:
Укажите доступные значения параметра overflow:
Ответ:
(1)
impossible
(2)
resize
(3)
hidden
(4)
auto
Упражнение 4:
Номер 1
Ответ:
Номер 1
Укажите варианты форматирования, в которых допущена ошибка:
Ответ:
(1)
pre{position: absolute;bottom: 50px}
(2)
pre{position: abs}
(3)
pre{position: absolute;bottom: nocellpadding}
Номер 2
Ответ:
Укажите варианты форматирования, в которых допущена ошибка:
Ответ:
(1)
pre{position: absolute;bottom: -50px}
(2)
pre{bottom = -50px}
(3)
pre{down: -50px}
Номер 3
Ответ:
Укажите варианты форматирования, в которых допущена ошибка:
Ответ:
(1)
img{position:absolute z-index: 1}
(2)
img{position:absolute; z-index: 0}
(3)
img{position:static; left: 10px}
Упражнение 5:
Номер 1
Ответ:
Номер 1
Укажите корректные варианты форматирования:
Ответ:
(1)
<style type="text/css">
p.ab
{
position:absolute;
left:75px;
top:200px;
}
</style>
(2)
<style type="text/css">
p.ab
{
position:left;
left:75px;
top:200px;
}
</style>
(3)
<style type="text/css">
p
{
position:absolute;
clip:rect(2px, 250px, 250px, 0px);
}
</style>
Номер 2
Ответ:
Укажите корректные варианты форматирования:
Ответ:
(1)
<style type="text/css">
img.first {vertical-align:text-bottom}
img.second {vertical-align:text-top}
</style>
(2)
<style type="text/css">
img.index
{
position:absolute;
left:10px;
top:40px;
z-index:-1;
}
</style>
(3)
<style type="text/css">
img.index
{
position:relative
top:nomargin
z-index:1
}
</style>
Номер 3
Ответ:
Укажите корректные варианты форматирования:
Ответ:
(1)
<style type="text/css">
p.right
{
position:relative;
left:20px
}
</style>
(2)
<style type="text/css">
img.index
{
position:absolute;
left:10px;
top:40px;
z-index:-1;
}
</style>
(3)
<style type="text/css">
p.right
{
position:static;
left:20px
}
</style>
Упражнение 6:
Номер 2
Ответ:
Номер 2
Укажите примеры с абсолютными единицами измерения:
Ответ:
(1)
H2 { line-height: 3cm }
(2)
H1 { margin: 0.5in }
(3)
H4 { font-size: 1pc }
(4)
P { font-size: 12px }
Номер 3
Ответ:
Процентное значение корректно описано:
Ответ:
(1)
P { font-size: 10%pt }
(2)
P { line-height: 120% }
(3)
P { font-size: %120in }
(4)
P { line-height: %120px }