Не меняя HTML-код (оперируя только CSS), создайте оформление, вид которого показан на рисунке в конце этой страницы.
Стилевые определения записывайте в отдельный файл с именем
task01.css, а HTML-код — в файл task01.htm.
Файлы сохраняйте в каталоге, который укажет учитель.
В этом каталоге есть подкаталог
pic, в котором содержатся картинки.
Файл task01.css
/* Стили HTML
----------
Цвет текста и фона
Центрирование BODY для IE-5 */
HTML
{
}
/* Стили BODY
----------
Выравнивание текста слева (отмена центрирования в HTML)
Нулевой внутренний и внешний отступ
Центрирование блока по горизонтали
Ширина области содержимого -- 650 пикселов
Уменьшенный шрифт Georgia (если нет, то любой с засечками) */
BODY
{
}
/* Стили заголовка
---------------
Цвет текста
Фоновая картинка справа по центру
Нулевой внутренний и внешний отступы
Рамка снизу
Жирный шрифт Impact (или без засечек) размером в 90 пикселов
Преобразование текста к верхнему регистру
Запрет переноса строки */
H1
{
}
/* Стили меню
----------
Убираем маркеры
Убираем внешние отступы
Внутренние отступы: по 3 пиксела сверху и снизу,
по нулям слева и справа
Запрещаем переносы */
UL.menu
{
}
/* Стили пункта меню
-----------------
Превращаем пункт в строчный элемент
Задаём шрифт Tahoma (или другой без засечек)
уменьшенный на 20%
Цвет фона #fff2a6
Внутренние отступы: по 2 пиксела сверху и снизу,
по 0.5em слева и справа
Серая сплошная рамка в 1 пиксел со всех сторон
Слева рамка цвета фона (слева рамку убираем)
*/
UL.menu LI
{
}
/* Восстановление рамки слева у первого пункта
------------------------------------------- */
UL.menu LI.first
{
}
/* Стили маркированного списка
---------------------------
Маркер-картинка */
UL.mark LI
{
}
/* Стили нумерованного списка
---------------------------
Римская заглавная нумерация */
UL.num
{
}
/* Стили подвала
-------------
Цвет текста как на заголовке
Рамка сверху
Шрифт Tahoma (или другой без засечек)
уменьшенный на 20%
Запрет переноса строки */
#footer
{
}
Файл task01.htm
