Объявления и ключевые слова

В блок объявлений входит одно или несколько объявлений. Формат объявлений обычно такой: имя свойства, за которым следует двоеточие, затем значение и точка с запятой. После двоеточия и точки с запятой может быть произвольное количество пробелов (в частности, возможно отсутствие пробела). Практически во всех случаях значение – это или отдельное ключевое слово, или список из нескольких допустимых для данного свойства ключевых слов, разделенных пробелами.

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

brain-size: 2cm; /* неизвестное свойство */
color: ultraviolet; /* неизвестное значение */

В случаях, когда допускается указывать в качестве значения свойства более одного ключевого слова, ключевые слова обычно разделяются пробелами. Не все свойства могут принять несколько ключевых слов, но многие, такие как свойство font, могут. Скажем, текст абзаца должен быть набран шрифтом Helvetica среднего размера. Правило должно выглядеть так:

p {font: medium Helvetica;}

Обратите внимание на пробел между значениями medium и Helvetica, каждое из которых является ключевым словом (первое – размер шрифта, а второе – фактическое имя шрифта).


Благодаря пробелу агент пользователя различает эти два ключевых слова и применяет их правильно. Точка с запятой указывает на завершение объявления. Эти разделенные пробелом слова называются ключевыми, потому что все вместе они образуют значение свойства. Рассмотрим следующее вымышленное правило:

rainbow: red orange yellow green blue indigo violet;

Конечно же, нет такого свойства – rainbow, и два из указанных названий цветов тоже недействительны, но этот пример полезен в пояснительных целях. Значение элемента rainbow – это red orange yellow green blue indigo violet, и семь ключевых слов образуют одно уникальное значение. Мы можем переопределить значение rainbow следующим образом:

rainbow: infrared red orange yellow green blue indigo violet ultraviolet;

Теперь мы получили новое значение для rainbow, составленное из девяти ключевых слов вместо семи. Хотя имя двух значений одно и то же, они уникальны и отличаются друг от друга, как нуль и единица. Как видите, ключевые слова CSS разделяются пробелами за одним исключением. CSS-свойство font – это единственное место, где два ключевых слова могут быть разделены прямым слэшем (/).


Например:

h2 {font: large/150% sans-serif;}

Слэш разделяет ключевые слова, которые задают размер шрифта и высоту строки элемента. Это единственное место, где допускается применение слэша в описании элемента font. Все остальные разрешенные для применения в элементе font ключевые слова разделяются пробелами. Все, что вы видели до сих пор, – основы простых объявлений, но они могут быть намного более сложными. В следующем разделе начнется демонстрация потенциальной мощи CSS.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Выбор дочерних элементов
Выбор конкретного атрибута
Выбор между селектором классов и селектором идентификаторов
Выбор на основании конкретного значения атрибута
Выбор первого дочернего элемента

Вернуться в раздел: CSS / 2. Селекторы