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