Médiaforma

Un style CSS dans une balise

Print Friendly

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

Pour insérer un style dans une balise, vous utiliserez l’attribut style :

<balise style= »propriété1: valeur1; propriété2: valeur2; etc. »>

A titre d’exemple, nous allons utiliser une propriété CSS pour modifier la couleur d’une balise de titre <h2>, puis la couleur et la taille des caractères d’une autre balise <h2>.

La ligne 5 affiche un titre <h2>.

La ligne 6 affiche un titre <h2> en modifiant sa couleur. Ici, nous avons choisi d’utiliser la couleur prédéfinie red, mais nous aurions tout aussi bien pu utiliser une couleur RVB.

La ligne 7 affiche un titre <h2> en modifiant sa couleur et sa taille. La propriété font-size définit la taille de la balise, en pixels. Comme vous le voyez, chaque propriété est suivie d’une valeur et d’un point-virgule. Cette remarque s’étend à toutes les propriétés RSS que vous manipulerez.

Une autre remarque : un style défini à l’intérieur d’une balise ne concerne que cette balise. Il ne s’étend absolument pas aux balises de même type qui figurent dans le document. Dans cet exemple, les styles définis dans chacune des balises <h2> n’entrent jamais en conflit.

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

No comments yet.

Leave a Reply