Основы работы с CSS

       

Синтаксис CSS


Синтаксис CSS состоит из трех частей: селектора, свойства и значения:
селектор {свойство: значение}
Селектор — элемент/тег HTML, который необходимо определить. Свойство — атрибут, который желательно изменить. Каждое свойство может принимать значение. Существует ряд правил и рекомендаций, которые необходимо запомнить.
  1. Свойство и значение разделяются двоеточием и помещаются внутри фигурных скобок: p {font-size: 75%}
  2. Если значение состоит из нескольких слов, то необходимо поместить значение в кавычки: h1 {font-family: "lucida calligraphy"}
  3. Если требуется определить более одного свойства, то необходимо разделить свойства точкой с запятой: table { font-family: arial, "sans serif"; border-style: dotted}
  4. Чтобы определения стилей было удобно читать, можно каждое свойство писать на отдельной строке:
    h2 { font-family: arial; margin-right: 20pt; color:#ffffff }
  5. При определении правил допускается группировка селекторов, при этом в качестве разделителя селекторов используется запятая. В следующем примере в группу были объединены все элементы заголовков. Все элементы заголовков будут выведены шрифтом sans serif:
    p,table,li { font-family: "sans serif"; }


Содержание раздела