CSS-конструирование

Задание 1. Математики и ювелиры

Создайте документ, вид которого показан на рисунке в конце этой страницы.

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

В качестве средств оформления используйте свойства, приведённые в таблице.

Свойство	Описание и значения
color	Задаёт цвет текста. Значения: название цвета или его номер (как в соответствующем атрибуте HTML).
background	Значение свойства записывается в виде последовательности параметров: цвет скролл повтор координаты картинка
border	Задаёт рамку вокруг элемента. Записывается в формате: border: толщина стиль цвет, например, border: 1px solid red. Некоторые значения стиля рамки: solid (сплошная линия), dashed (штриховая линия), double (двойная линия).
margin margin-left margin-right margin-top margin-bottom	Определяет размер отступа элемента: со всех сторон (margin) или с только с соответствующей стороны. Значения: число с допустимой единицей измерения (например, px). Можно записывать значение в виде процента от родительского элемента.
padding padding-left padding-right padding-top padding-bottom	Определяет расстояние между содержимым и границей элемента со всех сторон (padding) или с только с соответствующей стороны. Значения: число с допустимой единицей измерения (например, px). Можно записывать значение в виде процента от родительского элемента.
text-align	Задаёт способ выравнивания внутри элемента. Значения: left, right, center, justify.
font-family	Задаёт гарнитуру шрифта. Можно указывать название конкретного шрифта или задавать родовое название: serif (шрифт с засечками), sans-serif (рубленый шрифт), monospace (моноширинный шрифт).
font-size	Задаёт размер шрифта. Значения: мнемонические размерные единицы (xx-small, x-small, small, medium, large, x-large, xx-large), мнемонические относительные указания (smaller, larger), проценты по отношению к текущему размеру (%), любые допустимые абсолютные единицы: pt (пункты), pt (пики), px (пикселы), in (дюймы), cm (сантиметры), mm (миллиметры).
font-style	Задаёт стиль написания. Значения: normal (обычный шрифт), italic (отображение курсивом).

В качестве текстового редактора используйте PSPad или Блокнот. Заготовки файлов можно скопировать в текстовый редактор через буфер обмена.

Файл task01.css

  
/* Выравнивание текста по ширине */  
BODY
{
}

/* Красный цвет, выравнивание по центру */  
H1,H2,H3,H4,H5,H6
{
}

/* Стиль врезки
   ------------
   * Голубой фон (aqua) с рамкой и фоновой картинкой  
     "./pic/01.gif" в левом верхнем углу.
   * Рубленый шрифт с уменьшенным на 30% кеглем.
   * Поля и отступы.    
   ------------ */
.def
{
}

/* Стиль подписи
   -------------
   * Курсив с уменьшенным на 30% кеглем.
   * Выравнивание справа.
   * Красный цвет.
   ------------- */         
P.sign
{
}

Файл task01.htm