возврат

Позиционирование элементов

Практикум

Задание 1. Поиск информации

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

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

Файл task01.css

  
/* Стили BODY
   ----------
   Белый фон, чёрный текст и фоновая полоска
   Шрифт Georgia или другой с засечками
   Нулевой внешний отступ
   Внутренний отступ: по 10 пикселов со всех
   сторон и 110 пикселов слева 
*/
BODY
{
}

/* Стили логотипа
   --------------
   Абсолютное позиционирование в левый верхний угол 
*/
#logo
{
}

/* Стили заголовка
   ---------------
   Внутренний отступ снизу в 10 пикселов
   Серая сплошная рамка снизу в 1 пиксел
*/
#title
{
}

/* Стили для выделения терминов
   ----------------------------
   Цвет #BE9802 и жирное начертание
*/
DFN
{
}

/* Стили маркированного списка
   ---------------------------
   Картинка disc.gif в качестве маркера  
*/
UL 
{
}

/* Стили подвала
   -------------
   Внутренний отступ сверху в 10 пикселов
   Серая сплошная рамка сверху в 1 пиксел
   Шрифт, уменьшенный на 20%
   Запрет переноса строки 
*/
#footer
{
}

Файл task01.htm

  

Поиск информации

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