возврат

Цвет и фон

Практикум

Задание 2. Азы программирования 1

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

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

Файл task02.css

  
/* Стили HTML
   --------------
   Цвет фона и  
   фоновый паркет pic/fon.gif */
HTML
{
}


/* Стили BODY
   --------------
   Цвет текста
   Прозрачный цвет фона
   Внешний отступ:
   100 пикселов слева и 0 с других сторон
   Внутренний отступ 
   Рамка слева */
BODY
{
}

/* Стили заголовка
   --------------
   Цвет текста #a68400
   Внутренний отступ снизу
   Рамка снизу */
H1
{                           
}

/* Общие стили блока с замечанием и списка
   ---------------------------------------
   Уменьшенный шрифт
   Цвет фона #e9fafa
   Внешний отступ справа
   Внутренний отступ со всех сторон
   Рамка */
.note, OL
{
}

/* Уточнение стилей списка
   --------------
   Увеличенный внутренний отступ слева */
OL
{
}


/* Стили сильного выделения
   ------------------------
   Цвет текста как на заголовке  */
STRONG
{
}

/* Стили подвала
   -------------
   Рамка сверху
   Цвет текста
   Уменьшенный шрифт */
#footer
{
}

Файл task02.htm

  

Азы программирования

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