Не меняя HTML-код (оперируя только CSS), создайте оформление, вид которого показан на рисунке в конце этой страницы.
Стилевые определения записывайте в отдельный файл с именем
task01.css, а HTML-код — в файл task01.htm.
Файлы сохраняйте в каталоге, который укажет учитель.
В этом каталоге есть подкаталог
pic, в котором содержатся картинки.
Файл task01.css
/* Стили BODY
--------------
Цвет текста
Цвет фона и фоновая заливка
Нулевой внутренний отступ
Внешний отступ в 20 пикселов */
BODY
{
}
/* Стили заголовка
--------------
Высота блока -- на пару пикселов больше высоты
рисованного заголовка
Прозрачный фон и картинка-заголовок без повторений,
расположенная по центру блока */
H1
{
}
/* Стили содержимого
-----------------
Цвет фона (aqua)
Рамка
Внешний отсуп:
0 -- сверху и снизу
100 пикселов -- слева и справа
Внутренний отступ:
0 -- сверху и снизу
1em -- слева и справа
Выравнивание по ширине */
#content
{
}
/* Стили подвала (внутри содержимого)
-------------
Цвет текста как на заголовке
Уменьшенный шрифт */
#content #footer
{
}
Файл task01.htm