</body>
И наконец, для того чтобы ограничить зону действия стилевой информации одним случаем Н1, установим атрибут ID.
<head>
<style type=”text/css”> |
||
h1.myid {border-width: 1; border: solid; text-align: center} |
||
</style> |
||
</head>
<body>
<H1 class=”myclass”> this H1 is not affected </h1> |
|
<H1 this one is affected by style </H1> |
|
<H1> this h1 is not affected </H1> |
</body>
В следующем примере использован элемент span для определения шрифтового стиля первых нескольких слов.
<head>
<style type=”text/css”> |
||
span.sc-ex { font-variant: small-caps } |
||
</style> |
||
</head>
<body>
<p><span id=”sc-ex”> the first</span> few words of |
||
this paragraph are in small-caps |
||
</body>
В следующем примере используется div и атрибут class для выравнивания последовательности параграфов. Эта стилевая информация может быть использована повторно, например, для форматирования резюме научных статей путем установки атрибута class в соответствующем месте документа.
<head>
<style type=”text/css”> |
||
div.abstact {text-align: justify } |
||
</style> |
||
</head>
<body>
<div class=”abstract”> |
|
<p>the chieftain product range is our market winner for the coming year. |
|
this report sets out how to position chieftain against competing products. |
|
<p>chieftain replaces the commander range, which will remain on the |
|
price list until further notice. |
</div>
</body>
23.2. Типы среды
HTML позволяет разработчику конструировать документы, структура которых не зависит от специфических свойств среды. В результате пользователь может просматривать этот документ с использованием самых разных агентов пользователя: на персональной ЭВМ, рабочей станции, Х-терминале, специально приспособленном телефонном аппарате и т.д..
Атрибут media специфицирует среду вывода для формирования стилевых правил.