Синтаксис CSS
Все объявления CSS (официально они называются
"селекторы") записываются в фигурных скобках:
ТЕГ:псевдокласс.класс { характеристика1:
значение1; характеристика2: значение2}
Описание каждого класса делается при помощи конструкции, подобной этой:
.small { font-size: 9pt; }
Сначала указывается имя класса - оно может быть
произвольным, но желательно все-таки давать осмысленное название. Далее, в
фигурных скобках {} перечисляются все необходимые параметры для данного класса.
Параметры отделяются друг от друга точкой с запятой. Вот еще один пример, в
котором используется более длинное описание:
.small {
font-size: 9pt; color: #eeeeee; text-align: center; }
Универсальный класс - может быть применен к любому тегу, имя класса начинается с точки.
Пример:
<p class=small>Накладываем стиль на этот текст</p>
<td class=small>Накладываем стиль на этот
текст</td>
Теговые классы - может быть применен к конкретному тегу, имя класса начинается с указания тега, после точки записывается имя класса.
Пример:
p.small {
font-size: 9pt; }
Класс, определенный таким образом, сработает
только в том теге, для которого он предназначен, а для всех остальных будет
проигнорирован:
<p class=small>Этот текст будет выведен стилем small</p>
<td class=small>А этот останется
неизменным</td>
Мы можем определять параметры не только для
одного тега, но и сразу для нескольких. Для этого в определении стиля
достаточно перечислить их через запятую:
P, TD, LI {
font-size: 9pt; color:green;}
