Учебник CSS : CSS - общие положения

Каскадные таблицы стилей - CSS, представляют собой простую технологию определения и присвоения стилей к документу HTML. Стиль, говоря житейским языком, - это всё то, что определяет внешний вид документа HTML при его отгображение в окне браузера: шрифты и цыета заголовков разных уровней, шрифт и разрядка основного текста, задаваемого в тэге абзаца <P>, и т.д. Стильзадаётся по определённым правилам, о которых пойдёт речь, а таблица стилей - это набор правил отображения, применяемых в документе, к которому присоединена соответствующая таблица стилей.

Таблица стилей - это шаблон, который управляет форматированием тэгов HTML в Web-документе. Если читатель работал с текстовым редактором Microsoft Word, то концепция таблицы стилей напомнит ему концепцию стилевых файлов этого редактора: изменить внешний вид документа Word можно простым изменение присоединенных к нему стилей. Точно также изменить внешний вид документа HTML можно простым изменением присоединённой к нему таблицы стилей.

Почему в название таблиц стилей включено определение "каскадные"? Дело в том, что рекомендации Консорциума W3 позволяют использовать несколько таблиц стилей для управления форматированием одного документа HTML, а браузер по определённым правилам выстраивает приоритетность применения этих таблиц. Они выстраиватваются неким "каскадом", по которому и "прокатывается" документ.

Для разработки таблицы стилей достаточно немного ориентироваться в языке HTML и быть знакомым с базовой терминологией настольных издательских систем. Как отмечалось выше, таблица стилей представляет собой набор правил форматирования элементов HTML. Эти правила достаточно просты и легко запоминаемы. Синтаксис их следующий:

ТЭГ { свойство: значение }

Например, если необходимо, чтобы в документе все заголовки первого уровня отображались сиим цветом и шрифтом размером 16 пунктов, то в таблице следует задать правило:

H1 { color: blue; font-size: 16pt }

Как видите, "грубо" говоря, правило - это строчка кода в таблице стилей.

Любое правило каскадных таблиц стилей состоит из двух частей: селектора и определения. Селектором может быть любой тэг HTML для которого определение задаёт, каким образом необходимо его форматировать. Само определение, в свою очередь, также состоит из двух частей свойства и его значения, разделённых знаком двоеточия (:). Назначение свойства очевидно из его названия. В приведённом правиле селектором является элемент H1, а определение, записанное в фигурных скобках, задаёт значения двух свойств заголовка первого уровня: цвет шрифта (свойство color, значение blue) и размер шрифта (свойство font-size, значение 16pt). В одном правиле можно задавать несколько определений, разделённых символов точка с запятой (;), как это демонстрируется в приведённом примере.

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

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