Не меняя HTML-код (оперируя только CSS), создайте оформление, вид которого показан на рисунке в конце этой страницы.
Стилевые определения записывайте в отдельный файл с именем
task02.css
, а HTML-код — в файл task02.htm
.
Файлы сохраняйте в каталоге, который укажет учитель.
В этом каталоге есть подкаталог
pic
, в котором содержится картинка fon.gif
.
Файл task02.css
/* Стили HTML -------------- Цвет фона и фоновый паркет pic/fon.gif */ HTML { } /* Стили BODY -------------- Цвет текста Прозрачный цвет фона Внешний отступ: 100 пикселов слева и 0 с других сторон Внутренний отступ Рамка слева */ BODY { } /* Стили заголовка -------------- Цвет текста #a68400 Внутренний отступ снизу Рамка снизу */ H1 { } /* Общие стили блока с замечанием и списка --------------------------------------- Уменьшенный шрифт Цвет фона #e9fafa Внешний отступ справа Внутренний отступ со всех сторон Рамка */ .note, OL { } /* Уточнение стилей списка -------------- Увеличенный внутренний отступ слева */ OL { } /* Стили сильного выделения ------------------------ Цвет текста как на заголовке */ STRONG { } /* Стили подвала ------------- Рамка сверху Цвет текста Уменьшенный шрифт */ #footer { }
Файл task02.htm