Цикл статей «CSS учебник».
Следующая статья — «CSS селекторы».
Предыдущая статья — «Подключение CSS к HTML».
Синтаксис CSS-правила выглядит следующим образом:
1 |
<селектор1>[,<селектор2>][,<селектор3>][<...>] { [<свойство1>:<значение1>;] [<свойство2>:<значение2>;] [<правило3>:<значение3>;] [<...>]} |
При обсуждении способов подключения CSS в HTML-документ использовался следующий CSS:
1 2 3 |
body { background-color:#d9caad; } |
Здесь body — это селектор, background-color — свойство, #d9caad — значение. Селекторов может быть несколько, в этом случае они перечисляются через запятую. Свойств и значений тоже может быть несколько, они разделяются символом «;».
Можно использовать комментарии для пояснений. Они полностью игнорируются браузером, но могут быть полезны для других разработчиков. Комментарии начинаются с «/*» и заканчиваются на «*/», например /* текст комментария */ .
Пример CSS-правила:
1 2 3 4 5 6 7 |
/* Это правило устанавливает цвет фона и шрифт для элементов div, p и span. */ div, p, span { background-color : #f0f0f0; font-family : Arial; } |
Цикл статей «CSS учебник».
Следующая статья — «CSS селекторы».
Предыдущая статья — «Подключение CSS к HTML».