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