Синтаксис CSS

Симтаксис языка CSS очень простой, в этой теме мы подробно его рассмотрим.

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

Пример:

1
2
3
4

p 
  {
  font-size: 30px;
  }

В приведённом примере p - это селектор. В данном случае устанавливается стиль всем тэгам <p> на странице. font-size - это свойство, а 30px - это значение.

Если селектору нужно указать несколько свойтсв, то они просто перечисляются внутри фигурных скобок.

Пример:

5
6
7
8
9

h1
  {
  font-size: 30px;
  color: Red;
  }

Вся эта запись - селектор и его свойства, называется CSS правило.

В коде игнорируются лишние пробелы, вы можете их ставить сколько нужно. CSS не требует перевода строки, Вы формируете строки так, как Вам удобно.

Порядок, в котором идут правила в коде, не имеет значения. Порядок, в котором перечислены свойства селектора, также не важен. Но есть одно исключение - если для какого-то селектора несколько раз установлено одно и то же свойство, то будет использовано то значение, которое в коде идёт ниже.