Что такое свойства CSS и их значения.

В продолжение предыдущей статьи, о том что такое селекторы, продолжим разбираться с правилами написания каскадных таблиц стилей CSS.

Мы с вами уже знаем, что весь CSS-файл состоит вот из таких конструкций:

селектор1 {
   стили
}

селектор2 {
   стили
}

селектор3 {
   стили
}
и.т.д.

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

Если расписать стили более детально, то это будет выглядеть следующим образом:

селектор {
    свойство1:значение;
    свойство2: значение;
    свойство3: значение;
    …
}

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

Например, текст может быть по цвету красным, по размеру 25 пикселей и оформляться полужирным шрифтом.

Свойство - это характеристика, которая будет применяться к элементу (в нашем примере это цвет).

Значение - это конкретное значение выбранного свойства (в нашем примере это красный).

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

Из набора таких конструкций:

селектор {
    свойство1:значение;
    свойство2: значение;
    свойство3: значение;
    …
}

и состоит весь CSS документ. Как видите, ничего сложного здесь пока нет.