Шрифты

Задание 2. Единица em

Не меняя HTML-код (оперируя только CSS), создайте оформление, вид которого показан на рисунке в конце этой страницы.

Стилевые определения записывайте в отдельный файл с именем task02.css, а HTML-код — в файл task02.htm. Файлы сохраняйте в каталоге, который укажет учитель. В этом каталоге есть подкаталог pic, в котором содержатся картинки.

Файл task02.css

  
/* Стили HTML
   ----------
   Цвет текста и фона 
   Центрирование BODY для IE-5 */
HTML
{
}

/* Стили BODY
   ----------
   Прозрачный фон и фоновая картинка в левом верхнем углу  
   Выравнивание текста слева (отмена центрирования в HTML)
   Нулевой внутренний отступ
   Внешний отступ в 10 пикселов сверху и снизу 
   Центрирование блока по горизонтали 
   Ширина области содержимого -- 750 пикселов 
   Уменьшенный шрифт Georgia (если нет, то любой с засечками) */
BODY
{            
}

/* Стили содержимого
   -----------------
   Цвет фона и фоновая картинка в левом нижнем углу  
   Рамка 
   Внутренний отступ слева в 200 пикселов,
   справа -- 10 пикселов */ 
#content
{
}

/* Стили заголовка
   ---------------
   Цвет текста
   Нулевой внутренний и внешний отступы
   Рамка
   Шрифт Impact (или без засечек) размером в 100 пикселов
*/
#content H1
{
}

/* Стили для CODE
   ---------------
   Слегка увеличенный шрифт Trebuchet MS (или monospace) */
#content CODE
{
}

/* Стили для PRE
   ---------------
   Цвет фона
   Рамка
   Внутренний отступ: 10px 10px 0 10px;
   Слегка уменьшенный шрифт Trebuchet MS (или monospace) */
#content PRE
{
}

/* Стили подвала 
   -------------
   Цвет текста как на заголовке
   Рамка сверху */
#content #footer
{
}

Файл task02.htm

вверх | возврат