Согласно спецификации 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 -правил, которые задают свойства форматирования элементов документа.