Comme vous le savez sûrement une balise HTML peut être formatée de plusieurs manières en utilisant des feuilles de style (CSS)
- soit directement dans le document HTML au moyen de l’attribut
style dans lequel, on insère directement les effetsque l’in veut appliquer à un élément HTML.
- soit en utilisant l’attribut
id, qui permet d’attribuer des effets de style à un élément unique HTML, en séparant les données (c.a.d le contenu sémantique du document HTML), de la mise en forme visuelle que on souhaite lui appliquer.
- soit en utilisant l’attribut
class, qui permet d’attribuer des effets de style à un ou plusieurs éléments HTML, toujours en séparant les données, de la mise en forme.
Mais comment faire pour utiliser plusieurs classes existante afin de formater son code ? Pour illustrer mes propos, dans cet exemple on souhaite obtenir la mise en page suivante :
C’est-à-dire, un paragraphe avec un retrait, en gras et de couleur verte.
Mais afin de ne pas multiplier les classes de style CSS et pour une meilleur clarté, on peut appliquer plusieurs classes CCS à une même balise HTML. Pour cela, il suffit de placer dans l’attribut class de la balise, le nom des classes CSS qu’on souhaite lui appliquer, séparées d’un espace.
En voici un exemple :
<style type="text/css">
.gras { font-weight:bold; }
.alinea { margin-left: 2em; }
.vert { color:green; }
</style>
<p class="alinea gras vert">un paragraphe...</p>
Lire la suite
