Классы
Классы, позволяют задать одни и те же правила нескольким элементам, например, всем изображениям на странице добавить рамку одинаковой толщины и цвета. Так как изображений несколько, то атрибут id уже использовать нельзя.
Их так же применяют, когда хотят задать разные стили одинаковым тегам находящимся на Web-странице, например ячейкам таблицы, ссылкам, параграфам и др. Имена классов назначаются произвольно. Для того чтобы использовать класс, его нужно определить внутри элемента <style>. Вначале пишется тег, затем, через точку, имя класса. Чтобы указать в HTML коде, что тег используется с определенным стилем, к тегу добавляется параметр class="имя класса".
<html><head>
<style type="text/css">
элемент .имя класса {
свойство 1: значение 1; свойство "n": значение "n"
}
</style>
</head>
<body>
<элемент>Содержание соответствует настройкам браузера по умолчанию</элемент>
<элемент class="имя класса">Содержание соответствует назначенным стилевым правилам</элемент>
</body>
</html>
Можно, также, использовать классы и без указания тега. При такой записи, стиль назначается любому тегу:
<html><head>
<style type="text/css">
.имя класса {
свойство 1: значение 1;
свойство "n": значение "n"
}
</style>
</head>
<body>
<h3 class="имя класса">Этот заголовок сформатирован в соответствии с заданным стилем</h3>
<p class="имя класса">текст в этом параграфе сформатирован в соответствии с заданным стилем</элемент>
<p>текст в этом параграфе сформатирован в соответствии с настройками браузера</элемент>
</body>
</html>
Жмем на ссылку и смотрим пример.
