Анатомия правила CSS

Начнем знакомство с CSS с рассмотрения простого правила, выделяющего шрифт текста всех абзацев документа красным цветом:

р {color: red}

Теперь, если в XHTML-коде у нас есть следующий фрагмент:

<р>Очень важный текст.</р>

он будет выделен красным.

Правило CSS состоит из двух частей: селектора, определяющего, к какому тегу (в данном случае это абзац) применяется правило, и объявления, указывающего, что произойдет после применения правила (текст абзаца станет красным). Само объявление состоит из двух элементов: свойства, называющего объект применения (цвет текста) и значения, указывающего состояние свойства (красный цвет).