CSS основы

«CSS основы » – второй урок учебника CSS. В этом уроке мы обсудим базовые особенности синтаксиса таблиц стилей CSS. Синтаксис CSS очень прост, хотя и не имеет ничего общего с html тегами.

Синтаксис CSS.

Синтаксис каскадных таблиц стилей состоит из трех основных частей: селектора, свойства и значения, как это показанно на примере ниже:

селектор {свойство: значение}

• Селектор – определяемый элемент
• Свойство – изменяемый атрибут
• Значение – присваиваемое атрибуту значение

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

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

  p{font–size: 75%}
  
  

• Значения, состоящие более, чем из одного слова должны быть помещены в кавычки:
  
  

  h1 {font – family: "lucida calligraphy"}
  
  

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

  table { font – family: arial, "sans serif"; border – style: dotted}
  
  

• Если несколько одинаковых свойств должны быть применены одновременно к нескольким селекторам, то селекторы перечисляются через запятую:
  
  

  p,table,li { font – family: "sans serif"; }

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

В следующем уроке мы начнем заниматься по-настоящему серьезными вещами, а именно форматированием текстов средствами CSS. В отличие от HTML, CSS имеет очень серьезный арсенал инструментов форматирования текста, поэтому советую вам серьезно отнестись к следующему уроку.

Урок 1: Введение в CSS.

Урок 2: CSS основы .

Урок 3: Форматирование текста в CSS.