Любой элемент HTML - это возможный CSS селектор.
Синтаксисис:
Селектор{свойства}
Свойства селектора определяют стиль элемента, для которого он определен.
Пример:
h1 {color:red; size:20pt;}
Все элементы h1 в документе будут красного цвета, размером в 20 точек (pt, point). Т.е., стиль можно задать для любого HTML – тэга.
Классовые селекторы
Если необходимо определить несколько различных стилей для одного и того же элемента HTML, используются стили классов.
Синтаксис:
селектор.класс{cвойства}
Сlass - атрибут элемента в HTML, определяющий его класс. В CSS можно описать собственные стили для различных классов одних и тех же элементов.
Пример:
h1.blue {color:blue; size:20pt;}
blue – имя класса, задается произвольно. Все элементы h1 с атрибутом class="blue" станут синими.
Например,
<h1 class="blue"> Заголовок </h1>
Классы могут так же быть описаны без явного привязывания их к определенным элементам.
Синтаксис:
.класс {свойства}
Пример:
.green {color:green;}
В данном случае все элементы с атрибутом CLASS="green" станут зелеными.
<p class="green"> Зеленым будет текст параграфа</p>
<h2 class="green"> Зеленым будет текст заголовка</h2>
