Html & Css

Mise en couleur grâce au Css

De nombreux éléments d'une page web peuvent être mis en couleur. Par exemple :

  • la propriété color modifie la couleur du texte écrit dans la «boîte» ;
  • la propriété background-color modifie la couleur d'arrière-plan ;
  • la propriété border-color modifie la couleur des bordures...

Les valeurs prisent par ces propriétés peuvent être :

  • une couleur nommée. On trouvera 500 couleurs nommées en cliquant ici ;
  • une couleur représentée par un codage héxadécimal (c'est le plus utilisé) ;
  • ou une couleur représentée par un codage RGB sous forme RGB(r, v, b).

Pour obtenir ces représentations héxadécimales ou RGB, on peut utiliser un «analyseur de couleur».
Just Color Picker convient aux systèmes d'exploitation Windows et MacOS ; GColor2 convient au système d'exploitation Linux.

Bac à sable : Des couleurs partout

Ci-contre, on peut choisir la couleur de l'arrière-plan de cette boîte, la couleur du texte de base et celle des mots importants à mettre en valeur.



Code Css :

p {                                 /* Mise en forme des paragraphes */
    background-color: #ffffff;      /* Couleur d'arrière-plan - Blanc */
    color: #000000;                 /* Couleur du texte - Noir */
    }
	
strong {                            /* Mise en forme des mots importants */
    color: #000000;                 /* Couleur du texte - Noir */
    }			

L'exercice suivant comportent trois fenêtres :

  • La première contient un extrait de fichier .html : à modifier uniquement lorsque l'énoncé le précise.
  • La deuxième contient une feuille .css agissant sur la mise en forme du fichier .html. Cette feuille est modifiable.
  • La troisième présente l'affichage obtenu avec les deux fichiers précédents.

Compléter le code Css ci-dessous pour que le paragraphe soit écrit en blanc sur fond noir et que le texte balisé par <strong> soit écrit en rouge sur fond jaune.

  • Affichage à obtenir ?
  • Une solution ?