Définition de règles de style
Maintenant que nous avons ouvert l'éditeur de styles CasCadeS.
nous allons l'utiliser pour mettre différents éléments de la page HTML
en forme.
Définition d'un style pour les titres de premier niveau
Définissons maintenant une mise en forme pour le
titre de premier niveau: h1.
- Vérifie que l'éditeur CaScadeS est toujours
disponible pour la création d'une Nouvelle règle de style.
Si nécessaire, revois la méthode présentée à la page précédente.
-

- Dans la zone
de saisie actuellement vide, indique la mention h1.
- Clique ensuite sur le bouton Créer la règle de style.
Dans la zone Feuilles et
règles, on voit maintenant qu'il est fait mention d'une
règle pour les titres h1.
-

- Dans la zone ,
sélectionne le sélecteur h1.
- Sélectionne l'onglet qui
peut maintenant être activé.
- Dans la zone , indique la
mention red (pour rouge, en anglais).
La couleur rouge apparaît sur le bouton situé à
droite.
-
Si nécessaire,
déplace la boîte de dialogue de l'éditeur CaScadeS de
manière à voir un titre de niveau 1 dans la page.
Le titre de niveau 1 doit maintenant se
présenter en caractères de couleur rouge.
- Clique sur le bouton de l'éditeur CaScadeS.
- Enregistre le document.
Définition d'un style pour les titres de deuxième niveau
En utilisant la même méthode que ci-dessus, définis, pour les
titres de niveau 2 (h2):
- la couleur verte (green) pour les caractères
- la couleur jaune (yellow) pour le fond.
- Vérifie que les couleurs sont appliquées immédiatement dans la
page.
- Enregistre le document.
Définition d'un style pour le corps du document
-
En
utilisant la même méthode que ci-dessus, définis une couleur de fond fuchsia
(attention à l'orthographe) pour le fond du corps du texte.
- Enregistre le document.
Dites, vous être vraiment sûr de votre choix de
couleur. Parce que, franchement... Je ne suis pas sûr que ce soit du
meilleur goût.
Je pense devoir vous donner raison sur ce point.
Mais cela nous permet de mieux comprendre ce qui se passe. Il faut
parfois souffrir pour apprendre.
Quand les éléments cités sont bien dans les couleurs demandées,
passe à la page suivante.