Иллюстрированный самоучитель по WEB-графике


Стили - часть 2


свойство N: значение N}

</STYLE>

</HEAD>

Здесь в фигурных скобках через точку с запятой перечисляются свойства и их значения, причем между свойством и его значением ставится двоеточие. При этом тэг, указываемый перед описанием в фигурных скобках, пишется без угловых скобок.

В следующем примере определяются стили заголовков первого и второго уровней путем использования тэга <STYLE>.

<HTML>

<HEAD>

<STYLE>

HI {Font-size:48pt;Color:RED}

Н2 {Font-size:20pt;Color:BLUE}

</STYLE>

</HEAD>

<BODY>

<Н1>Это стиль H1. Цвет - красный</Н1>

<Н2>Это стиль Н2. Цвет - синий</Н2>

Это - обычный стиль по умолчанию

</BODY>

</HTML>

Мы изменили стили Н1 и Н2, принятые по умолчанию: назначили размеры (48 и 30 пунктов) и цвета (красный и синий) для всех текстов, которые окажутся внутри этих тэгов. Существуют и другие свойства. Например, свойство FONT-FAMILY: HELVETICA задает гарнитуру шрифта HELVETICA.

Обратите внимание на то, что внутри тэга <STYLE> указываются определения стилей тегов, которые записываются без угловых скобок.

Рис. 664. Стили заголовков первого и второго уровней заданы атрибутами тэга <STYLE>

Можно определить стиль для тэга BODY. Тогда весь текст, находящийся между тэгами <BODY> и </BODY>, будет автоматически отформатирован в соответствии с перечисленными свойствами.

Если мы хотим задать один и тот же стиль сразу для нескольких тэгов, то перед определением стиля (всего того, что заключено в фигурные скобки) можно указать перечень тэгов (без угловых скобок), разделенных запятыми. В следующем примере задается одинаковый стиль для заголовков первого и второго уровней.

<HTML>

<HEAD>

<STYLE>

HI, H2 (Font-size:48pt;Color:RED}

</STYLE>

</HEAD>

<BODY>

<Н1>Это стиль HI. Цвет - красный</Н1>

<Н2>Это стиль Н2, такой же, как и HI. Цвет - красный</Н2>

Это - обычный стиль по умолчанию




Начало  Назад  Вперед