|
Описание каждого класса делается при помощи конструкции, подобной
этой:
.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 { font-size: 9pt; color:green;}
Такой прием называется группировкой, и в данном случае мы определили и
для <p>, и для <td> одинаковый размер и цвет текста.
В случае переопределения существующих тегов, в описании стиля можно
указывать не все параметры, а лишь те из них, которые мы хотим изменить.
Все остальные параметры примут значения по умолчанию, которые для разных
тегов различны.
:: CSS учебник :: Единицы измерения в CSS : Псевдоклассы : Синтаксис CSS : Каскадность стилей : Подключение таблиц стилей : Введение в CSS :: | 
