Синтаксис
CSS состоит из трех основных частей: селектора, свойства и значения, как это
показано на примере:
Пример:
селектор свойство
значение
H2
{color:
red;
font-size:16px}
блок объявления стилей
Показанное выше правило указывает на то, что все
заголовки второго уровня в документе будут красного цвета с размером шрифта
16 пикселей.
Как видно из рисунка выше,
сначала записывается так называемый селектор, показывающий к какому
html тегу (тегам) применяется то или иное свойство. Более подробно о типах
селекторов немного дальше. Вы уже будете знать базовые свойства CSS и с
легкостью во всем разберетесь.
Далее, непосредственно за
селектором, пишется блок объявления стилей, который обязательно
заключается в фигурные скобки.
Каждое объявление в свою
очередь состоит из свойства и его значения. После свойства
ставится двоеточие. Правило может содержать в себе несколько объявлений. В
таком случае они должны быть отделены друг от друга точкой с запятой
(см.пример) причем после последнего объявления точку с запятой можно не
ставить.
Основные
особенности синтаксиса в CSS:
1 Свойство
элемента и значение, присваиваемое ему должны располагаться внутри фигурных
скобок и разделяться двоеточием:
Пример:
p{font–size: 75%}
2 Значения,
состоящие более, чем из одного слова должны быть помещены в кавычки:
Пример:
h1 {font – family: "lucida calligraphy"}
3 Если
для одного селектора определяется одновременно несколько свойств, то они
должны быть разделены точкой с запятой. После последнего свойства не
обязательно ставить точку с запятой, хотя их присутствие не вызовет никакой
ошибки:
Пример:
table { font – family: arial, "sans serif"; border – style:
dotted}
4 Если
несколько одинаковых свойств должны быть применены одновременно к нескольким
селекторам, то селекторы перечисляются через запятую:
Пример:
p,table,li { font – family: "sans serif"; }
Даже если
вы никогда раньше не занимались программированием, синтаксис языка CSS
крайне прост и понятен.
|