ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  aranea.ru || Спецификация CSS2 | 2.2. Краткое учебное пособие CSS2 для XML.

2.2. Краткое учебное пособие CSS2 для XML.

Каскадные таблицы стилей могут использоваться в формате структурированных документов, например с приложениями XML (eXtensible Markup Language). Фактически XML зависит от стилевых таблиц больше, чем HTML, поскольку авторы структурируют свои собственные элементы, которые устройства пользователя не знают, как выводить на экран.

Ниже приводится простой фрагмент XML:

<ARTICLE>
  <HEADLINE>Fredrick the Great meets Bach</HEADLINE>
  <AUTHOR>Johann Nikolaus Forkel</AUTHOR>
  <PARA>
    One evening, just as he was getting his 
    <INSTRUMENT>flute</INSTRUMENT> ready and his
    musicians were assembled, an officer brought him a list of
    the strangers who had arrived.
  </PARA>
</ARTICLE>

Для вывода этого фрагмента на экран в форме, подобной документу, мы должны, во-первых, объявить, какие элементы внутристрочные [inline-level] (т.е. не вызывают разрыв строки), и которые – блочные [block-level] (т.е. вызывают разрыв строки).

INSTRUMENT { display: inline }
ARTICLE, HEADLINE, AUTHOR, PARA { display: block }

Первое правило объявляет, что INSTRUMENT находится внутри строки, а второе правило с перечнем селекторов, разделенных запятыми, декларирует, что все другие элементы блочные.

Следует использовать одно предложение для связи стилевой таблицы с XML-документом для обработки инструкции:

<?XML:stylesheet type="text/css" href="bach.css"?>
<ARTICLE>
  <HEADLINE>Fredrick the Great meets Bach</HEADLINE>
  <AUTHOR>Johann Nikolaus Forkel</AUTHOR>
  <PARA>
    One evening, just as he was getting his 
    <INSTRUMENT>flute</INSTRUMENT> ready and his
    musicians were assembled, an officer brought him a list of
    the strangers who had arrived.
  </PARA>
</ARTICLE>

Визуальное устройство вывода может сформатировать выше указанный пример, как:

[D]

Обратите внимание на то, что слово "flute" остается внутри параграфа, поскольку оно является содержанием внутристрочного элемента INSTRUMENT.

Текст не форматируется так, как ожидалось бы. Например, размер шрифта заголовка должен был бы быть больше, чем остальной текст, и мы могли бы захотеть вывести на экран имя автора курсивом:

INSTRUMENT { display: inline }
ARTICLE, HEADLINE, AUTHOR, PARA { display: block }
HEADLINE { font-size: 1.3em }
AUTHOR { font-style: italic }
ARTICLE, HEADLINE, AUTHOR, PARA { margin: 0.5em }

Обычное устройство вывода сможет сформатировать выше указанный пример следующим образом:

[D]

Добавляя больше правил к стилевым таблицам, вы можете улучшить презентацию документов.

← Назад | Вперед →
Copyright © 2006 -  aranea.ru