Не меняя HTML-код (оперируя только CSS), создайте оформление, вид которого показан на рисунке в конце этой страницы.
Стилевые определения записывайте в отдельный файл с именем
task01.css, а HTML-код — в файл task01.htm.
Файлы сохраняйте в каталоге, который укажет учитель.
В этом каталоге есть подкаталог
pic, в котором содержатся картинки.
Файл task01.css
/* Стили HTML
----------
Цвет текста и фона
Центрирование BODY для IE-5 */
HTML
{
}
/* Стили BODY
----------
Выравнивание текста слева (отмена центрирования в HTML)
Нулевой внутренний отступ
Внешний отступ в 10 пикселов сверху и снизу
Центрирование блока по горизонтали
Ширина области содержимого -- 750 пикселов
Уменьшенный шрифт Georgia (если нет, то любой с засечками) */
BODY
{
}
/* Стили содержимого
-----------------
Цвет фона и фоновая картинка в левом верхнем углу
Рамка
Внутренний отступ слева в 200 пикселов,
справа -- 10 пикселов */
#content
{
}
/* Стили заголовка
---------------
Цвет текста
Цвет фона и фоновая картинка справа по центру заголовка
Нулевой внутренний и внешний отступы
Рамка
Шрифт Impact (или без засечек) размером в 100 пикселов
*/
#content H1
{
}
/* Стили стихов
---------------
Шрифт Comic Sans MS (или cursive) */
#content .poem
{
}
/* Стили подвала
-------------
Цвет текста как на заголовке
Внутренний отступ:
5 пикселов сверху и снизу
0 слева и справа
Рамка сверху */
#content #footer
{
}
Файл task01.htm
