Синтаксис CSS

В этом уроке мы разберёмся с вами с синтаксисом CSS (терминологией) который используется в языке каскадных таблиц стилей. Узнаем, что такое свойство, значение, объявление, блок объявлений, селектор, CSS-правило, @-правило.

Объявление в CSS — это любая строка кода, например:

color: red; # строка кода

В коде выше, color — это свойство, red — значение, color: red — объявление.

Группа объявлений внутри фигурных скобок это блок объявлений CSS:

body {
    /* Блок объявлений */
    свойство: значение; # объявление
    свойство: значение; # объявление
    свойство: значение; # объявление 
} 

То что идёт до фигурных скобок, это — селектор, например в нашем примере body является селектором.

Селектор + Блок объявлений (или одно объявление) = CSS-правило (или набор правил, набор стилей).

Схема синтаксиса CSS

Итого, примерная схема синтаксиса языка CSS, будет выглядеть следующим образом:

/* CSS-правило */
селектор {
    /* Блок объявлений */
    свойство: значение; # объявление
    свойство: значение; # объявление
    свойство: значение; # объявление 
}

PS: Внимание, не путать! В CSS также имеются «эт-правила», это конструкции начинающиеся с собачки «@», например:

@import, @charset, @font-face, @media, и др.

• Category: CSS
• Tag: css, синтаксис, термины