double arrow

Информация о стиле в заголовке: элемент STYLE

<!ELEMENT STYLE - - %StyleSheet -- информация о стиле -->

<!ATTLIST STYLE

%i18n; -- lang, dir, для использования с заголовком --

type %ContentType; #REQUIRED - тип содержимого языка стилей --

media %MediaDesc; #IMPLIED -- для использования с этими устройствами - - title %Text; #IMPLIED -- рекомендуемый заголовок --

>

Начальный тэг - обязателен, конечный тэг – обязателен.

Определения атрибутов:

Type = content-type [CI]

Этот атрибут определяет язык таблиц стилей для содержимого элемента и имеет приоритет над языком таблиц стилей, ипользуемы. Язык таблиц стилей указывается как тип содержимого (например, "text/css"). Авторы должны указать значение для этого атрибута; для него нет значения по умолчанию.

Media = дескрипторы устройств [CI]

Этот атрибут задает целевое устройство для информации о стиле. Это может быть один дескриптор устройства или список дескрипторов, разделенных запятыми. По умолчанию устанавливается значение "screen".

Элемент STYLE позволяет авторам помещать правила таблиц стилей в раздел head документа. В HTML допустимо любое число элементов STYLE в разделе HEAD.

Агенты пользователей, не поддерживающие таблицы стилей или не поддерживающие определенный язык таблиц стилей, используемый в элементе STYLE, не должны показывать элемент STYLE. Ошибкой будет генерировать его содержимое как часть текста документа. Некоторые языки таблиц стилей поддерживают синтаксис для того, чтобы не показывать содержимое несоответствующим спецификации агентам пользователей.

Синтаксис данных стиля зависит от языка таблицы стилей.

Некоторые реализации таблиц стилей могут поддерживать большее разнообразие правил для элемента STYLE, чем в атрибуте style. Например, в CSS правила могу объявляться в элементе STYLE для:

Всех экземпляров определенного элемента языка HTML (например, для всех элементов P, всех элементов H1 и т.д.)

Всех экземпляров элемента HTML, принадлежащих определенному классу (т.е. для атрибута class которых установлено определенное значение).

Отдельных экземпляров элемента языка HTML (т.е. для атрибута id которого установлено определенное значение).

Правила приоритета и наследования правил таблиц стилей зависят от языка таблиц.

Следующее объявление CSS STYLE приводит к появлению границы вокруг всех элементов H1 в документе и центрированию их на странице.

<HEAD>

<STYLE type="text/css">

H1 {border-width: 1; border: solid; text-align: center}

</STYLE>

</HEAD>

Чтобы указать, что эта информация о стиле должна применяться только к элементам H1 определенного класса, можно изменить определение следующим образом:

<HEAD>

<STYLE type="text/css">

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

</STYLE>

</HEAD>

<BODY>

<H1 class="myclass"> Наш стиль влияет на этот заголовок уровня H1</H1>

<H1> А на этот заголовок наш стиль не влияет</H1>

</BODY >

И, наконец, для ограничения области действия информации о стиле единственным экземпляром элемента H1, установите атрибут id:

<HEAD>

<STYLE type="text/css">

#myid {border-width: 1; border: solid; text-align: center}

</STYLE>

</HEAD>

<BODY>

<H1 class="myclass"> На этот заголовок H1 стиль не влияет</H1>

<H1 id="myid"> А на этот влияет </H1>

<H1> На этот опять не влияет </H1>

</BODY>

Хотя информация о стиле может устанавливаться почти для всех элементов HTML, два элемента, DIV и SPAN, особенно полезны тем, что они не накладывают никакой семантики представления (кроме block-level vs. inline). Вместе с таблицами стилей эти элементы позволяют пользователям неограниченно расширять язык HTML, особенно при использовании атрибутов class и id.

В следующем примере элемент SPAN используется для установки малых прописных букв для стиля шрифта первых нескольких слов абзаца.

<HEAD>

<STYLE type="text/css">

SPAN.sc-ex { font-variant: small-caps }

</STYLE>

</HEAD>

<BODY>

<P><SPAN class="sc-ex">Первые несколько</SPAN> слов абзаца выделены малыми прописными буквами.

</BODY>

В следующем примере мы используем элемент DIV и атрибут class для установки выравнивания текста для ряда абзацев, составляющих введение в научную статью. Информация о стиле может повторно использоваться для других разделов введения путем установки атрибута class в любом месте документа.

<HEAD>

<STYLE type="text/css">

DIV.Abstract { 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>


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



Сейчас читают про: