Синтаксис и принцип работы CSS

CSS имеет строго определенный синтаксис, т.е. правила, по которым создаются таблицы стилей.

В CSS, в отличие от HTML, нет ни элементов, ни атрибутов, ни тегов. Основной структурной единицей в CSS является правило, которое определяет, как будет выглядеть тот или иной элемент в документе.

Рассмотрим структуру правила:

Селектор - это HTML элемент, которому вы хотите придать определенный стиль. Непосредственно за селектором, пишется блок объявления стилей, который обязательно заключается в фигурные скобки.

Каждое объявление состоит из свойства и значения.

Свойство - это атрибут стиля, который вы хотите изменить. Каждое свойство имеет значение.

После свойства ставится двоеточие.

Правило может содержать в себе несколько объявлений. В таком случае они должны быть отделены друг от друга точкой с запятой.

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

Чтобы сделать код CSS более читаемым, вы можете располагать одно объявление на одной строке, например так:

H1 { color:blue; font-size:14px; }