Médiaforma

Une connexion unique CSS-HTML

Print Friendly

Cliquez ici pour accéder au pack eBook+vidéos HTML5, CSS3, JavaScript

Les classes CSS sont faites pour être utilisées à plusieurs endroits dans le code HTML. Ainsi par exemple, plusieurs balises <p>, plusieurs balises de titre <h1> à <h6> et plusieurs balises <td> peuvent utiliser la même classe.

Lorsqu’une balise HTML à laquelle on désire affecter un style est utilisée une et une seule fois dans un document, il est possible de remplacer l’attribut class de cette balise par un attribut id. Dans ce cas, le sélecteur CSS à utiliser est non plus le point décimal mais le caractère #.

Passons à la pratique. Ce document HTML fait référence à la feuille de styles externe styles4.css. Le corps du document contient deux balises <p>. Un attribut id identifie de façon unique la première balise <p>.

Il ne reste plus qu’à définir le sélecteur fantaisie dans la feuille de styles. Le mot fantaisie est précédé d’un #, ce qui le mettra en relation avec la balise dont l’attribut id a pour valeur fantaisie. Et donc avec notre première balise <p>. Pour bien différentier le texte d’id fantaisie, nous définissons une police fantasy, un style italique et une taille de caractères égale à 30 pixels :

Il ne reste plus qu’à afficher le document HTML dans un navigateur. Voici le résultat :

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply