Справочник HTML & CSS

class

Один или несколько классов элемента — основной способ обратиться к нему из CSS.

Синтаксис

<p class="name another">…</p>

Примеры

Один класс на нескольких элементах и несколько классов на одном:

<style>
  .tag { padding: 2px 8px; border-radius: 10px; background: #eee; }
  .hot { background: tomato; color: white; }
</style>
 
<span class="tag">Coffee</span>
<span class="tag">Tea</span>
<span class="tag hot">Sale</span>

Примечания

Классы перечисляют через пробел; в CSS к ним обращаются через точку: .tag. В отличие от id, один класс можно дать сколько угодно элементам. Называйте классы по смыслу (card, price), а не по виду (red, big).

См. также

id — Уникальный идентификатор элемента на странице.
style — CSS-свойства прямо на элементе (встроенные стили).
<div> — Блочный контейнер без смысла: группирует элементы для оформления и раскладки.

В учебнике

Атрибуты — Как устроены атрибуты HTML, глобальные атрибуты id, class, title, lang, hidden и style, логические атрибуты и data-атрибуты.

Спасибо, что читаете!