|
Позиционирование и z-индекс
Задание 1. Наложение картинок 1
Создайте страницу, на которой одна и та же картинка выводится
несколько раз со смещением вниз и вправо так, чтобы каждая следующая
копия была выше предыдущей:
Решение запишите в виде файла task01.htm в каталог,
который вам укажет учитель. В этом каталоге есть подкаталог
pic, в котором содержится картинка prav31.gif
(140×150).
В качестве средств оформления используйте свойства, приведённые в таблице.
| Свойство |
Описание и значения |
| position |
Задаёт тип позиции блока в окне.
Значением является ключевое слово:
absolute (блок с абсолютными координатами),
relative (блок с относительными координатами),
static (действуют обычные правила размещения блока).
|
| left |
Расстояние элемента от левого края содержащего его блока.
Значения: число с допустимой единицей измерения (например, px).
Можно записывать значение в виде процента от родительского элемента.
|
| top |
Расстояние элемента от верхнего края содержащего его блока.
Значения: число с допустимой единицей измерения (например, px).
Можно записывать значение в виде процента от родительского элемента.
|
В качестве текстового редактора используйте PSPad или Блокнот.
Заготовки можно копировать в текстовый редактор через буфер обмена.
Файл task01.htm
|
