Les classes de style permettent de créer plusieurs styles différents pour une même balise HTML.

Dans la définition des styles, il suffira d'ajouter un nom de classe au sélecteur de balise et de les séparer par un point ("."). Ensuite, présent dans toutes les instructions HTML, l'attribut class* est utilisé dans le but de faire référence à un nom de classe afin que lui soit appliqué le style en question.

Le nom de classe ne peut être composé que de lettres dont les caractères accentués, de nombres et de tirets. Les classes fonctionnent aussi bien dans le cadre des sélecteurs multiples que dans celui des sélecteurs contextuels. Enfin, la dernière règle empêche l'imbrication des classes de style.

L'attribut class="Nom de classe" permet de faire référence à une classe d'une feuille de style.

* l'attribut class est effectivement utilisable dans pratiquement toutes les balises HTML sauf : html, head, base, meta, title, script, style, param, basefont

Exemple
<html>
  <head>
    <style>
      <--
      Sélecteur de balise.Nom de classe... {Propriété1:Valeur1;...}
      ...
      Règles de style
      ...
      -->
    </style>
    ...
  </head>
  <body>
    <balise class="Nom de classe"></balise>
    ...
    Diverses commandes HTML
    ...
  </body>
</html>
Compatibilité
Windows Macintosh
NE4 NE6 NE7 IE5 IE55 IE6 OP5 OP6 OP7 NE4 NE6 NE7 IE4 IE5