Таблица стилей состоит из набора определений стилей. Двумя основными компонентами определения (или правила) стиля являются:
• Список из одного или более селекторов, разделенных запятыми. Они указывают на элемент, к которому будет применен данный стиль.
• Блок описаний, заключенный в фигурные скобки, в котором содержится информация о том, как данный стиль повлияет на отображение элемента.

Блок описаний состоит из одного или нескольких описаний стиля, каждый из которых устанавливает значение определенного свойства. Если описаний несколько, они отделяются друг от друга точкой с запятой (;). Описание свойства состоит из его имени и значения, разделенных двоеточием (:). Схематично все описанные элементы изображены на рис. 1.1.

Рис. 1.1. Составные части правила CSS: список селекторов и блок описаний

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

На рис. 1.1 также видно, что правило стиля можно записать в одну строчку. Одни разработчики предпочитают переносить каждое новое

свойство на следующую строку – такой код легче читать; другие пишут правила в одну строчку, чтобы сэкономить место. Ниже приведены два варианта записи одного и того же стиля:

h1, h2 {
  font-family: sans-serif;
  color: #3366CC;
}

h1, h2 { font-family: sans-serif; color: #3366CC; }
  

Форматирование не влияет на интерпретацию стилей, поэтому вы можете выбрать более близкий вам способ.