Cours CSS créer une classe personnalisée

Tuto CSS créer une classe personnalisée, tutoriel & guide de travaux pratiques en pdf.

CREER UNE CLASSE PERSONNALISEE

Une classe personnalisée va être utilisée ponctuellement dans les pages du site. Le nom de la classe doit être précédé d’un point, ne doit pas commencer par un chiffre et ne doit contenir ni espaces, ni accent, ni caractère de ponctuation, ni tiret. Exemple pour une classe qui met du texte en rouge sur un paragraphe : CSS :
.txtrouge { color: red; }
HTML :
<p class= »txtrouge »> mon paragraphe en rouge</p>
La valeur de la propriété de couleur peut être un mot-clef (red, green, transparent, …), un code Hexadécimal (ex: #ff56de) ou des valeurs RVB (Rouge, Vert, Bleu) entre 0 et 255 (ex: color: rgb(255,125,32); ).
Les classes personnalisées peuvent s’appliquer à toutes les balises html. Pour appliquer plusieurs classes à une même balise : CSS :
.txtrouge {color: red;}
 .italique {font-style:italic}
HTML : mon paragraphe en rouge .Les deux classes sont séparées par un espace, l’attribut « class » n’est indiqué qu’une seule fois.

COMMENTAIRES

/* Ceci est un commentaire de feuille de style */
Ils peuvent être multi-lignes
/* Ceci est un commentaire de feuille de style 
un commentaire sur plusieurs lignes */