• Страница 1 из 1
  • 1
Синтаксис CSS
Дата: Среда, 22.12.2010, 18:22 | Сообщение # 1
Группа:
Проверенные
Сообщений:
245
Offline
CSS, как и любой другой компьютерный язык, имеет строго определенный синтаксис, т.е. правила, по которым создаются таблицы стилей. В предыдущей главе вы уже видели несколько примеров разных таблиц стилей и» наверняка заметили, что синтаксис CSS отличается от синтаксиса HTML. В CSS нет ни элементов, ни атрибутов, ни тегов. В нем есть правила, каждое из которых описывает внешний вид одного или группы элементов HTML. Правило определяет, как будет выглядеть определенный элемент.
Правило CSS - это структурная единица таблицы стилей, которая содержит описание стилей для определенного элемента.
Правило состоит из селектора, который всегда располагается слева, и блока объявления стилей, который заключается в фигурные скобки и следует непосредственно за селектором (рисунок). Каждое объявление в свою очередь состоит из свойства и его значения. Именно свойство и определяет вид стиля, который будет применяться к элементу.

Правило может содержать несколько объявлений, отделенных точкой с запятой. После последнего объявления точку с запятой можно не ставить.

Для удобства чтения и редактирования таблиц стилей ее правила обычно записывают таким образом, чтобы каждое объявление располагалось на отдельной строке.

Например:

H2 {
color: purple;
font: bold 16pt Verdana, sans-serif;
}
Выделить код в новом окне
Язык CSS, так же как и HTML, игнорирует лишние пробелы и переводы строк. Правило, приведенное выше, можно записать, и так:

Н2 {color:purple; font: bold 16pt Verdana, sans-serif}
Выделить код в новом окне
Воспринято оно будет точно так же, даже даст дополнительную экономию в размер кода, за счет удаления лишних символов пробелов и переводов строки. Но такое написание затрудняет восприятие кода. Можно пойти на компромисс: сначала писать правила, разбивая их на строки, а после того как таблица стилей будет окончательно готова, удалить лишние незначащие символы. Но нет гарантии, что после этого вам не захочется В исправить что-то еще, тогда придется немного помучаться, прежде чем вы найдете нужное свойство и отредактируете его.

Для каждого свойства CSS, в спецификации указано множество значений, которое может принимать это свойство, а также значение по умолчанию и область применения! Свойства, т.е. те элементы, к которым оно может применяться. Также указывается, является ли это свойство наследуемым, т.е. будет ли оно применяться для элементов-потомков. Указываются устройства вывода, к которым применяются эти свойства. Так как мы будем рассматривать компьютерный дизайн, то упоминать будем только те свойства, которые применимы в нашем случае, т.е. предназначены для управления отображением на экране монитора, а также поддерживаются современными браузерами.

  • Страница 1 из 1
  • 1
Поиск: