Синтаксис стилей

Стилевое правило состоит, по меньшей мере, из двух основных частей: селектора, так называется элемент разметки, который подчиняется этому правилу, следующих за ним двух фигурных скобок ({}) и заключенного в этих скобках списка пар вида свойство:значение (property: value), элементы которого разделяются точками с запятой:selector {property1:value1; property2:value1; ...}

В частности, мы могли определить цвет содержимого всех заголовков уровня 1 в нашем документе, написав:

h1 {color:green}

В этом примере h1 – это селектор и в то же время название элемента «заголовок уровня 1», color – свойство стиля, а green – значение. Просто и ясно.

Свойства требуют указания хотя бы одного значения, но могут иметь и несколько. Значения, разделенные запятыми, обычно свидетельствуют о том, что свойство принимает ряд значений, из которых берется первое допустимое. Если значения разделены пробелами, то к свойству применяется каждое. Последнее допустимое значение переопределяет предыдущее:

selector {property3:value1 value2 value3}

selector {property4:value1, value2, value3}

Например, в следующем случае фон будет черным, а не белым или серым, даже если вы укажете белый и черный цвета в стилевом правиле:

body {background: white black}

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

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

h1, h2, h3, h4, h5, h6 {text-align: center}делает в точности то же, что и:

h1 {text-align: center}

h2 {text-align: center}

h3 {text-align: center}

h4 {text-align: center}

h5 {text-align: center}

h6 {text-align: center}

Контекстные селекторы:

ol li {list-style: upper-roman}

ol ol li {list-style: upper-alpha}

ol ol ol li {list-style: decimal}

ol ol ol ol li {list-style: lower-alpha}

Универсальные, дочерние и смежные селекторы

Стандарт CSS2 определяет дополнительные конструкции селекторов, кроме уже известных, составляемых при помощи запятых и пробелов. Следующие примеры допустимых селекторов иллюстрируют это утверждение:

* {color: purple; font: ZapfDingBats}

ol > li {font-size: 200%; font-style: italic}

h1 + h2 {margin-top: +4mm}

Селекторы атрибутов

Существует возможность присоединить стиль только к тем элементам HTML/XHTML, которые обладают специфическими атрибутами. Для этого следует перечислить нужные атрибуты в квадратных скобках рядом с именем элемента до определения стиля:

div[align] { font-style: italic }

div[align=left] {font-style: italic }

div[title~="bibliography"] { font-size: smaller }

div[lang|="en"] {color: green }

Псевдоэлементы:

ul {counter-reset: item; list-style: none}

ul li:before {content: "Item #" counters(item), " ";

counter-increment: item}

...

<ul>

<li> This is item number 1.</li>

<ul>

<li> This is sub-item number 1.1.</li>

</ul>

<li> This is item number 2.</li>

<ul>

<li> This is sub-item 2.1.</li>

<li> This is sub-item 2.2.</li>

... and so on

24. Способы динамического управления страницей. Команды Dynamic html. Скрипты.

Динамические стили и CSS. В этом разделе вводятся взаимоотношения между CSS и динамическими стилями. Сравниваются отношения между динамическими стилями, применимыми к CSS, и процедурным языком таблиц стилей, таким как JavaScript Accessible Style Sheets (JASS), который включен в Netscape Navigator 4.0.

На самом деле языка DHTML нет. Динамический HTML – это коммерческий термин, придуманный для описания технологий, которые были введены в четвертой версии Web-браузеров и позволяли обходить ограничения HTML.

DHTML представляет собой комбинацию Web-стандартов:

CSS + JavaScript + DOM + ХHTML = DHTML

Преимущества DHTM:

• Поддерживается всеми браузерами.

• Использует стандартные технологии.

• Можно вносить изменения в Web-страницу после ее загрузки.

• Текстовые файлы DHTML загружаются быстрее, чем Flash и Java.

• Не требует модулей расширения.

• Прост в изучении.

• Высокая скорость разработки Web-страниц.

Недостатки DHTML:

• Разный вид Web-страниц из-за несовместимости браузеров и операционных систем.

• JavaScript и CSS весьма чувствительны к ошибкам в синтаксисе.

• Ненадежная работа в связи с ошибками в браузерах.

(маленькие программы WEB-приложения, выполняемые на стороне клиента), написанные на JavaScript или VBScript, которые начнут выполняться после полной загрузки браузером сгенерированной на сервере страницы.

25. Характеристика и возможности расширяемого языка разметки XML.

Расширяемый язык разметки (Extensible Markup Language - XML) является составной частью SGML: XML содержит в себе большинство возможностей SGML, но при этом значительно проще. Как и SGML, язык XML служит для разработки языков разметки с элементами и атрибутами, адаптированными под специфические нужды фирмы или какой-либо отрасли. После того как новый язык создан, можно использовать XML так же, как и HTML - для создания документов.

Язык XML, как и HTML, поддерживает универсальный набор символов Unicode (Unicode Consortium's Universal Character Set - UCS). Этот набор включает в себя не только специальные символы, в том числе знаки препинания и математические символы, но и символы иностранных алфавитов, что делает XML международным стандартом.

Языки XML и HTML поддерживают таблицы стилей, которые помогают определить структуру и вид объемного, сложного документа от начала до конца. Но если HTML использует стили для того, чтобы один и тот же HTML-документ мог быть отображен по-разному, в XML-документе стили обязательны для элементов форматирования и оформления. Кроме того, язык XML превосходит HTML в том, что поддерживает полную версию DSSSL (Document Style Semantics and Specification Language - язык семантики и спецификации стиля документа) и CSS2 (Cascading Style Sheets 2 - каскадные таблицы стилей 2). Следующим стандартом для таблиц стилей станет XSL (XML Stylesheeet Language - язык таблиц стилей XML), основанный на DSSSL Online - варианте DSSSL, предназначенном специально для электронных документов.

Язык должен дать возможность передавать, получать и обрабатывать в Web общие документы SGML так же, как сейчас это можно делать с документами HTML. Язык XML спроектирован так, чтобы упростить реализацию и обеспечить взаимодействие SGML и HTML.