5.2. Нечувствительность к регистру в css

В Internet Explorer таблицы каскадных стилей являются нечувствительными к регистру, в котором набраны символы. То есть, когда Internet Explorer обрабатывает таблицу стилей, он игнорирует регистр букв (строчные или прописные). Например, можно набрать следующее правило любым из трех приведенных ниже способов:

TITLE

{font-style: italic}

Title

{FONT-STYLE: ltalic}

Title

{Font-Style: ITALIC}

Нечувствительность к регистру в таблицах каскадных стилей имеет важное значение. Поскольку XML-документы являются чувствительными к регистру, то можно получить два различных типа элемента, имена которых отличаются лишь регистром букв, например, Book и BOOK. В таблице каскадных стилей, однако, эти два имени будут отнесены к одному и тому же типу элемента, и невозможно будет назначить им различную установку свойств. Следовательно, если предполагается отображать XML-документ с использованием таблицы каскадных стилей, то не должно быть типов элементов, имена которых отличаются только регистром одной или нескольких букв.

5.3. Наследование установок свойств

Набор свойств, которые присвоены определенному элементу (например, BOOK), действует на все дочерние элементы, прямо или косвенно вложенные в него, если только они не переустанавливаются впоследствии для определенного дочернего элемента.

Следующие свойства, однако, являются исключениями и не наследуются дочерними элементами:

• свойство display;

• свойства, относящиеся к фону (background-color, background-image, background-repeat и background-position);

• свойство vertical-align;

• свойства размещения текста, о которых будет рассказано далее.

Например, таблица стилей в Листинге 1.3 форматирует элемент BOOK (документ приведен в Листинге 1.2) следующим образом:

BOOK

{display: block;

margin-top: 12pt;

font-size: 10pt}

Каждый элемент BOOK имеет пять дочерних элементов. Поскольку свойство font-size является наследуемым, все дочерние элементы внутри элемента BOOK отображаются с размером шрифта в 10 пунктов. Дочерние элементы, однако, не наследуют установку свойств display и margin-top (свойство margin-top относится к группе свойств размещения текста).

Для не наследуемых свойств, если вы не задали значение свойства для конкретного элемента, браузер использует значение свойства по умолчанию. Например, значением по умолчанию для свойства display будет inline.

Поскольку большинство значений свойств являются наследуемыми, при разработке таблицы стилей лучше начать с элементов верхнего уровня, а затем опускаться к более глубоко вложенным элементам. При этом придётся вносить минимальное количество изменений и уточнений в установку свойств (так, нет необходимости устанавливать свойства дочерних элементов, если унаследованные ими значения свойств нас устраивают).

5.4. Использование множественных элементов и множественных правил

Можно применить одно правило к нескольким элементам, включив все имена элементов в селектор и отделив имена запятыми. Например, следующее правило применяется к типам элементов РОЕМ, TITLE, AUTHOR,

DATE и STANZA:

РОЕМ, TITLE, AUTHOR, DATE, STANZA

{display: block;

margin-bottom: 12pt}

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

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

РОЕМ, TITLE, AUTHOR, DATE, STANZA

{display: block;

margin-bottom: 12pt}

DATE

{font-style: italic}

Первое правило содержит объявление, которое элемент DATE разделяет с другими элементами в списке, в то время как второе правило осуществляет дополнительную настройку для элемента DATE - а именно, задает установку свойства, применимого только к этому элементу.