Классы нужны для того, когда вы хотите задать определенные параметры для элемента на странице или тега. Тоесть здесь в качестве селектора будет выступать класс.
Сначала приведу пример для класса тега. Не буду далеко ходить, возьму тот же случай, что и в теме Форматирование тегов чтобы было понятнее. Там был задан стиль для тега <b> таким образом:

Код:
<style type="text/css">
b{color: red; background: blue;}
</style>

Напомню,

Diesel написал(а):

заключенный в тег <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"