Синтаксис CSS
Кодировка символов
Таблица стилей CSS - это последовательность символов Unicode. Эти символы могут храниться в любой допустимой кодировке, при соблюдении следующих правил. Внутренние таблицы стилей должны иметь ту же кодировку символов, что и документ в целом. Кодировка внешних таблиц стилей определяется обозревателем в следующем порядке:
сначала анализируется charset в поле Content-Type метаописателя HTML-документа;
если его нет, то директива @charset;
если ее нет, то ссылка на таблицу стилей в документе (например, атрибут charset элемента LINK).
Для включения в таблицу стилей символов, отсутствующих в данной кодировке. следует использовать формат "\xxxx", где xxxx - шестнадцатеричный код символа в Unicode. Например, код "\410" задает прописную русскую букву А.
Директива @charset
Директива @charset задает кодировку символов таблицы стилей, например:
@charset "ISO-8859-1";
Данная директива должна быть первой в таблице стилей, причем таблица должна содержать не более одной директивы @charset. Список допустимых кодировок символов приведен в тут, но обозреватель не обязан поддерживать все перечисленные там кодировки.
Поддержка : | | Соответствует стандарту (5.0+) | | | Не поддерживается |
Операторы, директивы и правила
Таблица стилей состоит из набора операторов. При этом каждый оператор является либо директивой, либо правилом. Операторы могут разделяться пробелами. В CSS пробелами считаются только следующие символы Unicode: пробел (код 32), табуляция (код 9), перевод строки (код 10), возврат каретки (код 13) и перевод формата (код 12).
Директива (at-rule) начинается с символа at (@) и соответствующего ключевого слова. CSS2 содержит следующие директивы:
Примеры директив:
@import "subs.css"; @media print { BODY { font-size: 10pt } }
Правило (rule) состоит из селектора и блока деклараций, заключенного в фигурные скобки, например:
H1 { font-weight: bold; font-size: 12pt; font-family: Helvetica; font-variant: normal; font-style: normal }
Здесь H1 - это селектор, за которым следует блок деклараций. Каждая декларация, как видно из данного примера, состоит из названия свойства (например, font-weight), символа двоеточия (:) и значения свойства (например, bold). Декларации должны разделяться точкой с запятой (;).
Отметим, что согласно определению CSS все его элементы не зависят от регистра. Таким образом мы можем писать h1 вместо H1, Font-Weight вместо font-weight и т .д. Тем не менее в целях единообразия в данном справочнике мы пишем имена селекторов прописными буквами, а названия свойств - строчными. Значения свойств, которые в документе могут зависеть от регистра, определяются языком документа. Так, названия тегов HTML не зависят от регистра, а названия тегов XML - зависят.
Таблицы стилей могут содержать комментарии. Комментарий начинается с символов /* и заканчивается символами */. Вложенные комментарии не допускаются. Пример:
H1 { font-weight: bold; /* жирность шрифта */ font-size: 12pt; /* размер шрифта */ font-family: Helvetica; /* название шрифта */ font-variant: normal; /* вариант шрифта */ font-style: normal /* стиль шрифта */ }
1 2 3 4
8 8 8
| |