Классы нужны для того, когда вы хотите задать определенные параметры для элемента на странице или тега. Тоесть здесь в качестве селектора будет выступать класс.
Сначала приведу пример для класса тега. Не буду далеко ходить, возьму тот же случай, что и в теме Форматирование тегов чтобы было понятнее. Там был задан стиль для тега <b> таким образом:
<style type="text/css"> b{color: red; background: blue;} </style>
Напомню,
заключенный в тег <b> текст будет становиться красным и иметь фон синего цвета.
Теперь зададим класс для этого же тега. Дадим ему имя DESIGN
<style type="text/css"> b{color: red; background: blue;} /* Оставляем предыдущее форматирование*/ b .DESIGN { background-image:url(ссылка на рисунок); /*Добавл фоновый рисунок*/ text-align:center /*выравнивание текста по центру*/ } </style>
Теперь если заключаем текст в тег <b>, то он по прежнему будет становиться красным и иметь фон синего цвета, но если мы добавим к нему созданный класс
<b class="DESIGN">Здесь текст</b>
То текст заключенный в него будет иметь фоновое изображение и выравниваться по центру. Следует заметить, что текст также будет красным, так как в описании класса мы не указали обратного.
Аналогично формируется и не теговый класс, только не имеет приставки-тега
<style type="text/css">
.NAME {
background: #0000;
text-align: left;}
</style>
Такой класс может быть применен к любому тегу, элементу или таблице тем же способом class="NAME"