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