Примеры сетевых топологий


Стилевая информация заголовка Элемент style - часть 2


<head>
<style type="text/css">

h1.myclass {border-width: 1; border: solid; text-align: center}

</style>

</head>
<body>

<h1 class="myclass"> this H1 is affected by our style </h1>
<h1 this one is not affected by our style </h1>

</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 позволяет разработчику конструировать документы, структура которых не зависит от специфических свойств среды.


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



Книжный магазин