Синтаксис CSS

Для успешного использования CSS на сайте прежде всего нужно понять как правильно прописывается CSS код для определенных элементов и тегов. То, каким образом прописывается код называется синтаксисом CSS.

Элементы синтаксиса CSS

CSS состоит из правил стиля, которые интерпретируются браузером, а затем применяются к соответствующим элементам на странице. Правила стиля состоят из трех элементов:

Селектор (Selector). Селектор - это HTML тег, для которого будет меняться стиль. Это может быть любой тег, например: <h1>, <TABLE> и т.д.
Свойство (Property). Свойство - это тип атрибута HTML тега. Проще говоря, все атрибуты HTML преобразуются в свойства CSS. Свойствами могут быть цвет, границы и т.д.
Значение (Value). Значения присваиваются свойствам. Например, свойство цвета может иметь значение “red” или “# F1F1F1”.

Детальная схема синтаксиса CSS показана на рисунке:

Пример синтаксиса CSS

Для большей наглядности давайте посмотрим на конкретном примере синтаксис кода CSS:

table{ border :1px solid}

В этом примере селектором является таблица, свойством – граница, а значением - 1px solid. Вы можете определять селекторы различными способами, которые будут для вас наиболее удобными. В следующей статье я расскажу о каждом виде селекторов.

<<< Предыдущая статья

Меню категории

Следующая статья >>>

Ставив лайк Вы помогаете сайту :)

Статьи по теме:

Рейтинг:

5.0/5 из 3