CSS Débutant .com

Comprendre la notion de classe en CSS

Notion importante : Les classes

C'est très simple, une classe permet d'appliquer un style précis au sein d'une balise HTML

Pour définir un paragraphe en HTML, on utilise la balise <p>.

Appliquons le style suivant : taille de police "petit" et couleur #333333
p { font-size: small; color: #333333; }

Il est possible de changer une parti au sein de ce paragraphe, comme mettre une phrase en vert et gras sans toucher au reste.

Le code HTML me donnera :
<p> Voici un texte <br /><span class="greenboldtext"> <br /> avec une phrase en gras et vert<br /></span> <br /> alors que le reste ne change pas </p>

Dans ma feuille de style, j'ajoute :
.greenboldtext{ font-size: small; color: #008080; font-weight: bold; }

Cela donne :

Voici un texte avec une phrase en gras et vert alors que le reste ne change pas

Attention

Notez un "." devant cette classe, il est possible de donner de n'inporte quel nom à votre classe.

Nous vous conseillons des noms éloquant comme ".monTexteEnGrasEtbleu".

Une notion proche des classes, découvrons les « id » >>>