CSS-правила

Согласно спецификации CSS стилевые свойства вводятся с помощью определения сти­ля, которое принято обозначать фигурными скобками. Например, назначение курсивного начертания текста выполняется с помощью определения

{ font - style:italic }

В одном определении стиля может записываться несколько свойств. Свойства перечис­ляются через точку с запятой, например:

{color : blue; font-family:Arial; text-align:right }

Согласно спецификации CSS назначение стиля тому или иному элементу HTML состоит в установлении связи:

Элемент {Определение_стиля}

Например, если вы хотите, чтобы все элементы абзацев Р отображались шрифтом Arial размером 14 pt , запишите следующую строку:

Р {font-family:Arial; font-size:14pt}

Приведем еще один пример - это назначение стиля элементу, обозначенному в докумен­те идентификатором id="fl". Пусть этот элемент вводит в документ рисунок, и вы хотите, чтобы последний имел определенные размеры: 150 пикселов в ширину и 100 пикселов в высоту. Это достигается с помощью следующего кода:

# f1 { width :150; height : 100}

Элемент, к которому относится определяемый стиль, обобщенно называется селек­тором . В предыдущих двух примерах селекторы были представлены именами HTML -элементов Р и идентификатором f 1. О возможных видах селекторов и пра­вилах их записи пойдет речь позже. Пока мы только отметим, что селекторы, записанные прописными буквами, обозначают классы, а селекторы, начинающиеся со знака # («рамка»), отвечают уникальным идентифика­торам элементов.

Селекторы обозначаются по имени элементов, к которым применяется определение сти­ля. Например, селектор TABLE указывает на то, что определение стиля относится к элементам TABLE. Селекторы нечувствительны к регистру, однако мы будем придержи­ваться принятой в CSS записи элементов прописными буквами.

Запись, состоящая из селектора и определения стиля, называ­ется CSS -правилом. Листы стилей - это фактически наборы CSS -правил, которые задают свойства форматирования эле­ментов документа.