CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

CSS предоставляет вам возможность создавать правила, которые легко менять, редактировать н применять ко всем определяемым вами элементам текста (следующий раздел объяснит механизм действия этих правил). Например, чтобы сделать все элементы h2 серыми, достаточно один раз написать правило:

h2 {color:gray;}

Для того чтобы изменить цвет текста всех элементов h2, например на серебристый, просто поменяйте правило:

h2 {color:silver;}

Структура правила

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

Каждое правило имеет две основные части: селектор (selector) н блок объявлений (declaration black). Блок объявлений состоит из одного илн более объявлений (declarations), а каждое объявление представляет собой сочетание свойства (property) и значения (value). Каждая таблица стилей образуется из наборов правил* Части правила показаны на рис. 2.1.

Селектор, расположенный в левой части правила, определяет, иа какие части документа распространяется правило. На рис. 2.1 выбраны элементы hi. Если бы селектором был р, тогда выбирались бы все элементы р (абзацы).

В правой части правила находится блок объявлений, образованный одним или несколькими объявлениями. Каждое объявление представляет собой сочетание свойства CSS и значения этого свойства. На рис. 2.1 представлен блок, содержащий два объявления. Первое определяет, что согласно правилу цвет (color) указанных элементов документа будет красным (red), авторов - что фон (background) этих элементов будет желтым (yellow). Таким образом, все элементы hi (определенные селектором) этого документа будут выводиться красным текстом на желтом фоне.

Рис. 2Л. Структура правила