Extrait du cours feuilles de style avec KompoZer
Les feuilles de style avec KompoZer
• Modifie manuellement les règles pour la balise h2 comme sur l’illustration ci-dessus.
• Vérifie que les directives sont bien appliquées dans la page.
On voit donc qu’il est possible de modifier directement les styles dans l’onglet Général de la boîte de dialogue.
• Sélectionne la balise h1 dans la zone Feuilles et règles.
• Clique sur l’onglet Texte.
• Rend la couleur rouge au texte
correspondant à la balise h1.
On vérifie donc que la méthode « traditionnelle » de définition de style fonctionne toujours.
Bon, je me mets à la mise en couleurs « correctes »,
maintenant. En fait, il suffit donc que j’indique le nom de la couleur qui me plaît? Je vais réviser un peu mon anglais.
Comment dit-on « Chocoloat-bleu-pâle » dans la langue de Shakespeare?
Malheursement, toutes les couleurs, même si leur nom est donné en anglais, ne sont pas possibles.
Les couleurs connues
Officiellement, les différentes couleurs possibles sont : aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white et yellow.
Mais d’autres couleurs sont parfois admises (orange, violet,…). Aucune garantie n’est cependant donnée que tous les navigateurs interpréteront correctement ces valeurs non standard.
• Réalise quelques tests de modification de couleurs sur ton document de travail.
Mouais, je ne suis pas fanatique. Ca ne manquerait pas un peu de finesse, ce système? Seulement 16 couleurs? C’est peu.
Vous en voulez plus? Les voici.
16.777.216 couleurs
Plutôt que de définir une couleur par son nom, on peut aussi choisir une couleur dans une palette de plus de 16 millions de couleurs.
• Vérifie que la page test.html est toujours active. Si nécessaire, ouvre-la.
• Clique sur le bouton de la barre d’outils de KompoZer.
• Clique sur le sélecteur h1 dans la zone Feuilles et règles.
• Clique sur le bouton coloré (en rouge) à droite de la zone
Couleur.
Une palette de couleurs apparaît.
……
Si le lien ne fonctionne pas correctement, veuillez nous contacter (mentionner le lien dans votre message)Formation CSS les feuilles de style avec KompoZer (628 KO) (Cours PDF)
