Exercices

Méthode

Téléchargez l'archive >> lien de téléchargement
Décompressez-la et déplacez son contenu dans votre arborescence dédiée aux exercices
Reproduisez l'interface en tenant compte des consignées données ci-dessous >> Voir l'interface

La feuille de style doit être externe et liée à la page html. Elle sera située dans le dossier css.
Le fond de la page est de couleur gris clair (#eee)
Le texte est majoritairement de couleur gris foncé (dimgray)
La police est du Tahoma mais si la police n'est pas disponible, il faut prévoir l'Arial, sinon une police de type sans-serif.
La taille du texte est majoritairement identique à celle du navigateur par défaut.
La couleur du header et du footer est #363636. Le texte est écrit en blanc.
Certains éléments sont mis en évidence par une couleur verte ( #81b600), une police de couleur blanche et des bords légèrement arrondis. (>> Infos sur les bords arrondis)
La citation est centrée et sa taille de police est 1,5 plus grande que celle du navigateur.
Les articles sont représentés sous forme de carte avec fond blanc, bordure grise (#CCC) et des bords légèrement arrondis. (>> Infos sur les bordures).
Le modèle de boite sera vu dans le prochain chapitre, mais vous pouvez utiliser la propriété margin: 1rem; sur les articles pour les espacer les uns des autres.
Les listes ne possédent jamais de puce.
Les liens, peut importe où ils se trouvent, seront de couleur verte (#81b600). Au survol de la souris, le soulignement disparait.
Votre CSS doit être valide W3C (>> Lien validateur CSS)