Читайте также:
|
type = content-type [CI]
Определяет язык стиля содержимого элемента и переопределяет язык по умолчанию для таблиц стилей. Язык таблиц стилей определён как тип содержимого (напр., "text/css"). Авторы обязаны указывать значение этого атрибута. Значение по умолчанию отсутствует.
media = media-дескрипторы [CI]
Определяет предполагаемый носитель для стилевой информации. Это может быть один media-дескриптор или список разделённых запятыми значений. Значение по умолчанию для этого атрибута - "screen".
Атрибуты, определённые в другом месте
Элемент STYLE позволяет разместить информацию стиля в "шапке" документа. HTML допускает любое количество элементов STYLE в разделе HEAD документа.
ПА, не поддерживающие таблицы стилей или не поддерживающие определённый язык таблиц стиля, используемый элементом STYLE, должны прятать содержимое элемента STYLE. Ошибочным будет отображать это содержимое как часть текста документа. Некоторые языки таблиц стиля поддерживают синтаксис скрытия содержимого от несоответствующих ПА.
Синтаксис данных стиля зависит от языка таблиц стиля.
Некоторые реализации таблиц стиля могут допускать больший набор правил в элементе STYLE, нежели в атрибуте style. Например, при наличии CSS, правила могут быть объявлены в элементе STYLE для:
Правила иерархии и наследования стиля зависят от языка таблиц стилей.
Следующее объявление CSS STYLE помещает рамку вокруг каждого элемента H1 в документе и выравнивает их по центру страницы.
<HEAD> <STYLE type="text/css"> H1 {border-width: 1; border: solid; text-align: center} </STYLE></HEAD>Чтобы эта информация стиля воздействовала только на элементы H1 определённого класса, мы изменим её так:
Наконец, чтобы ограничить область видимости стилевой информации до одного объекта 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> На этот H1 не действует </H1></BODY>Хотя информация стиля может быть установлена почти для любого элемента HTML, два из них, DIV и SPAN, используются обычно так, чтобы не иметь семантики представления (кроме уровня блока и инлайн). В комбинации с таблицами стиля эти элементы позволяют пользователю расширять HTML, особенно при использовании атрибутов class и id.
В этом примере мы используем элемент SPAN для установки стиля шрифта нескольких слов в начале параграфа в малые прописные.
<HEAD> <STYLE type="text/css"> SPAN.sc-ex { font-variant: small-caps } </STYLE></HEAD><BODY> <P><SPAN class="sc-ex">The first</SPAN> few words of this paragraph are in small-caps.</BODY>В данном примере мы используем DIV и атрибут class для выравнивания по формату текста нескольких параграфов, образующих воображаемый раздел научной статьи. Эта стилевая информация может использоваться повторно для другого раздела путём установки атрибута class в любом нужном месте документа.
Дата добавления: 2015-10-02; просмотров: 72 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Установка языка по умолчанию для таблиц стилей | | | Типы носителя |