Синтаксис CSS

Синтаксис CSS

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


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

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

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

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

Синтаксис CSS


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

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

table{ border :1px solid}

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


<<< Предыдущая статья Меню категории Следующая статья >>>

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

Статьи по теме:
Рейтинг:
5.0/5 из 3
Категория: Учебник CSS | Добавил: zaharchuk (06.01.2015)
Просмотров: 1641
Комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]