Не меняя HTML-код (оперируя только CSS), создайте оформление, вид которого показан на рисунке в конце этой страницы.
Стилевые определения записывайте в отдельный файл с именем
task01.css
, а HTML-код — в файл task01.htm
.
Файлы сохраняйте в каталоге, который укажет учитель.
В этом каталоге есть подкаталог
pic
, в котором содержатся картинки.
Файл task01.css
/* Стили BODY ---------- Белый фон, чёрный текст и фоновая полоска Шрифт Georgia или другой с засечками Нулевой внешний отступ Внутренний отступ: по 10 пикселов со всех сторон и 110 пикселов слева */ BODY { } /* Стили логотипа -------------- Абсолютное позиционирование в левый верхний угол */ #logo { } /* Стили заголовка --------------- Внутренний отступ снизу в 10 пикселов Серая сплошная рамка снизу в 1 пиксел */ #title { } /* Стили для выделения терминов ---------------------------- Цвет #BE9802 и жирное начертание */ DFN { } /* Стили маркированного списка --------------------------- Картинка disc.gif в качестве маркера */ UL { } /* Стили подвала ------------- Внутренний отступ сверху в 10 пикселов Серая сплошная рамка сверху в 1 пиксел Шрифт, уменьшенный на 20% Запрет переноса строки */ #footer { }
Файл task01.htm