Стилевое правило состоит, по меньшей мере, из двух основных частей: селектора, так называется элемент разметки, который подчиняется этому правилу, следующих за ним двух фигурных скобок ({}) и заключенного в этих скобках списка пар вида свойство:значение (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 и h1 – это один итот же селектор, а COLOR, color, CoLOR и cOLor – эквивалентные свойства. Когда то требовалось, чтобы HTML авторы записывали имена селекторов заглавными буквами, например H1, P и STRONG. Это и сейчас принято делать и так пишется в принадлежащем W3C CSS2 документе.
Однако действующие стандарты настаивают, особенно для документов, соответствующих XML, чтобы названия элементов записывались с применением тех же регистров, что использовались в их DTD. Например, в XHTML названия элементов (скажем, h1, strong) вводятся строчными буквами, так что их CSS2 селекторы тоже должны записываться строчными буквами. Мы придерживаемся этого последнего соглашения.
Любое допустимое название элемента (имя тега за вычетом атрибутов и заключающих скобок < и >) может быть селектором. В список селекторов можно включать более чем одно имя тега.