Вывод документов XML с использованием CSS и XSL

Цели занятия

Применение таблиц стилей типа CSS в документах XML
Преобразование документов XML

Таблицы стилей – 1

Документ XML может быть выведен в различных форматах

Таблицы стилей – 2

Таблица стилей – это набор инструкций для вывода

Таблицы стилей – 3

Некоторые таблицы стилей, предлагаемые на рынке:
CSS – Каскадные

Использование CSS и XSL

Каскадная таблица стилей, используемая для обработки

Видимость элемента

Позиции и

XML и таблицы стилей

Документы XML – это обычные текстовые файлы
Таблицы стилей

Работа с языками форматирования в XML

Файл XML

Таблицы стилей CSS

XML + Браузер,

Вывод документа XML с помощью CSS – 1

Документ XML

Вывод документа XML с помощью CSS – 2

xsampdoc
{ margin-top:.7in;
margin-bottom: .7in;
margin-left:1.5in;
margin-right:1in;
color: navy;
background-color:white;
display:

Правила стиля CSS

Синтаксис для правил стилей в каскадных таблицах стилей:
Selector{declaration}
Селектор (selector)

Множественный селектор

Используется для применения одного правила стиля к различным элементам
Синтаксис:
selector,selector…….{declaration}

Пример:
greeting,question
{font-family: sans-serif;

Контекстные селекторы – 1

Помогает отличать друг от друга различные вхождения одного

Контекстные селекторы – 2

Пример:

Hello! there

Finehere
Thank you.

Контекстные

Символы, используемые в CSS

Связывание CSS с XML

В документе XML должны быть организованы ссылки на

Свойства и значения

Значением свойства стиля CSS может быть строка, число с

Цветовые значения

Цветовые значения, поддерживаемые в XML

Форматирование текста

Свойства CSS позволяют определить, какой шрифт следует использовать для вывода

Форматирование текста

Различные свойства шрифта, которые могут быть установлены:

font-family
(семейство шрифта)

font-size
(размер шрифта)

font-style
(стиль шрифта)

font-weight
(плотность

Панели – 1

Блоки текста могут быть помещены в панель
Для панелей существуют

Панели – 2

Верхнее поле

Левое
поле

Заполнение
слева

Заполнение
справа

Правое
поле

Заполнение по верхней границе

Текст

Заполнение

Поля, рамка и заполнение

margin-top (верхнее поле)

margin-bottom (нижнее поле)

margin-left (левое поле)

margin-right (правое

Управление макетом

Свойства макета CSS могут управлять панелью на экране
Панели могут перекрываться

XSL

XSL – это реализация таблиц стилей, созданная специально для языка XML.

XSL – 2

Документ XML

XSL

Документ HTML, выведенный в web

Пример использования XSL

Код таблицы стилей XSL

Образцы (Patterns)

Образцы, поддерживаемые в языке XSL:
Sorting (Сортировка)
Operators (Операторы)
Filtering (Фильтрация)

Письма после сортировки

Сортировка

По умолчанию сортировка выполняется в порядке возрастания
Знак ‘-’ используется для сортировки

Операторы

Различные типы операторов, которые поддерживаются в XSL:

/
./
//
.//
*
@
=

/*/name
*/*
@*
//name

Фильтрация и логические операторы

Операции фильтрации могут содержать такие выражения, как логические

Шаблоны

Инструкции в таблице стилей XSL, которые управляют преобразованием элемента и его

Типы совпадений

Совпадение

Совпадение по имени

Совпадение по предку

Совпадение по нескольким именам

Совпадение по корневому

Обработка выражений

XSL поддерживает пять типов выражений. Вот они:
Node Sets – Наборы

Переключение стилей

Островки данных 1

Документ Xml

Островки данных 2

Островки данных 3

xsl:import и xsl:include

Таблицы стилей, созданные другими разработчиками, могут быть импортированы с

Различия между XSL и CSS

Итоговый обзор – I

XML является переносимым языком. Мы можем переслать документ