Mise en pratique CSS

Téléchargez et décompressez l’archive css.zip.

Modification du style CSS

L’objectif est de changer un style CSS.

1. Changez le style CSS de l’exemple pour faire en sorte que la couleur de fond ne soit plus en noir.
2. Ajoutez un style pour faire en sorte que le score du joueur (balise span) soit dans une police plus grosse.

CSS avec les outils de développement

L’objectif est de changer le style CSS avec les outils de développement du navigateur web (Chrome ou Firefox).

1. Utilisez les outils de développement pour observer les styles mis en oeuvre lors de l’affichage de la page, et changez les dynamiquement. Un exemple de résultat est ici.

   • Modifiez la couleur du bouton en bleu.
   • Modifier la couleur du texte “Vos cartes” en vert.
   • Ajoutez un fond gris autour de l’image de la carte. Pour cela, vous pouvez utiliser les propriétés padding et margin.

2. Ouvrez une page Youtube ou Facebook. Modifiez-la dynamiquement pour changer son style et son contenu.