1 Во многих сложных dhtmLэффектах используются также приемы обработки

событий, которые мы рассмотрим в главе 17.16.1. Обзор CSS 361

лее типичный прием при работе со стилями заключается в изменении значения

свойства style отдельных элементов документа. Реже используются приемы, ос

нованные на косвенном изменении стилей элементов путем определения CSS

классов, применяемых к этим элементам. Достигается это изменением значения

свойства className. Существует также возможность непосредственного манипу

лирования таблицами стилей. Заканчивается глава обсуждением механизмов

включения и отключения таблиц стилей, а также получения, добавления и уда

ления правил для таблиц стилей.

16.1. Обзор css

Стили в CSSтаблицах задаются в виде разделенных точкой с запятой пар атри

бутов, состоящих из имени и значения. Между собой имя и значение разделяют

ся двоеточием. Например, следующий стиль определяет полужирный подчерк

нутый текст синего цвета:

fontweight: bold; color: blue; textdecoration: underline;

Стандарт CSS описывает множество атрибутов стилей. В табл. 16.1 перечислены

все атрибуты, кроме тех, которые в настоящее время практически не поддержива

ются. Возможно, на данном этапе эти атрибуты и их значения покажутся вам не

понятными. Однако когда вы больше узнаете о CSSстилях и станете применять

их в документах и сценариях, эта информация будет вам полезной в качестве

справочника. Более полную документацию по CSS можно найти в выпущенных

издательством O’Reilly книгах «Cascading Style Sheets: The Definitive Guide»1

Эрика Мейера (Eric Meyer) и «Dynamic HTML: The Definitive Guide» Денни Гуд

мена (Danny Goodman). Можно также прочитать спецификацию по адресу http://

www.w3c.org/TR/CSS21/.

Во втором столбце табл. 16.1 показаны допустимые значения для каждого атри

бута стиля. Здесь используется та же грамматика, что и в спецификации CSS.

Слова, написанные моноширинным шрифтом, являются ключевыми и должны присут

ствовать в документе в том же виде, в котором они приведены в таблице. Слова,

выделенные курсивом, описывают тип данных, например string (строка) или

length (длина). Обратите внимание, что тип length – это число, за которым следу

ет спецификация единицы измерения, например px (пикселы). Описания других

типов можно найти в литературе по CSS. Слова, набранные моноширинным курсивом,

определяют набор значений, допустимых для некоторого другого CSSатрибута.

Помимо значений, представленных в таблице, каждый атрибут стиля может

иметь значение inherit, указывающее, что атрибут должен наследовать значе

ние родительского элемента.

Значения, разделенные символом |, являются альтернативными – требуется

указать только одно из них. Значения, разделенные символами ||, представля

ют собой варианты – необходимо указать хотя бы одно из них, но можно указать

и несколько (в любом порядке). Квадратные скобки [] предназначены для объе

динения значений в группы. Звездочка * означает, что предыдущее значение

или группа может присутствовать ноль или более раз, знак + говорит о том, что

1 Эрик Мейер «css – каскадные таблицы стилей. Подробное руководство», 3е из

дание. – Пер. с англ. – СПб.: СимволПлюс, 2008.362 Глава 16. CSS и DHTML

предыдущее значение или группа может присутствовать один или более раз,

а вопросительный знак ? указывает, что предыдущее значение не обязательно

и может присутствовать ноль или более раз. Число в фигурных скобках задает

количество повторений. Например, {2} означает что предыдущее значение

должно быть повторено дважды, а {1,4} – что предыдущее значение должно при

сутствовать не менее одного раза и не более четырех раз. (Этот синтаксис повто

рения может показаться вам знакомым, поскольку соответствует синтаксису ре

гулярных JavaScriptвыражений, описываемому в главе 11.)

Таблица 16.1. Атрибуты CSS'стилей и их значения