1.4 - Синтаксис CSS

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

Синтаксис CSS

На рисунке видно, что стилей форма записи имеет следующий вид: селектор (в качестве селектора может выступать HTML-тег, класс или идентификатор т.е. id) затем в фигурных скобках сами стили - свойство: значение, а затем точка с запятой ;

Если применяемый стиль для селектора содержит только одну пару свойство: значение, то точку с запятой можно не ставить.

p{color:red}

Но если таких пар (свойство:значение) больше одной - без знака ; браузер не сможет применить этот стиль к селектору.

p{color:red     /*Данный стиль не будет*/ font-size:16px} /*применен из-за ошибки*/

На ранних парах изучения CSS лучше ставить всегда точку с запятой - во избежание случайной ошибки.

Способы записи CSS

Способы записи стилей не зависят от регистра, табуляции, пробелов и переноса строк. Т.е. запись

p{color: red; padding:10px; font-size:18px;}

Будет равна записи

p{color: red;}  p{padding:10px;}  p{font-size:18px;}

и так же будет равна записи

p{ color: red;  padding:10px;  font-size:18px;}

Единственное "Но" - в последнем случае намного удобней читать и отслеживать код CSS.

Список уроков