Техника Web-дизайна для студента
Задание одинаковым меткам разных параметров форматирования
Вполне возможна ситуация, когда часть одних и тех же меток применительно к различным частям текста должна иметь разные свойства.
С этой целью метки (в зависимости от стиля форматирования) можно разбить на классы, каждому из которых присвоить персональное имя, которое записывается справа от имени метки и отделяется от него точкой. Таким образом, для одной метки можно определить несколько стилей форматирования. Например:
<STYLE TYPE="text/css">
P. white_black {font-size: 38pt; color: white; background - color: black}
P. black_gray {font-size: 46pt; color: black; background - color: gray}
</STYLE>
В этом примере метки <р> мы разбили на два класса, имеющих разные параметры форматирования, один из которых получил
ИМЯ "white_black", а другой — "black_gray".
|
Рис. 7.2. Результат форматирования шрифта, с использованием двух стилей |
В тексте документа выбор стиля (класса) осуществляется с помощью параметра class следующим образом:
<Р CLASS=white_black>L[BeT шрифта белый, фон черный</Р>
<Р СЬАЗЗ=Ыаск_дгау>Цвет шрифта черный, фон серый</Р>
Полный текст документа приведен в листинге 7.2.
Листинг 7.2. Текст документа, в котором используются два стиля форматирования шрифта
<HTML>
<HEAD>
<STYLE>
P. white_black {font-size: 38pt; color: white; background - color: black}
P. black_gray {font-size: 4 6pt; color: black; background - color: gray}
</STYLE>
<TITLE>
Первый способ </TITLE>
</HEAD>
<BODY>
<Р class="white_black">L[BeT шрифта белый, фон черный</Р>
<Р class="black_gray">L[BeT шрифта черный, фон серый</Р> </BODY>
</HTML>
Открыв документ в окне браузера, увидим результат (рис. 7.2).
