CSS : mettre en forme le Web (école d'ingénieur) · Chapitre 3 · Application directe du cours
Hérité ou non ?
Cascade, spécificité et héritage · niveau 1 (application)
Énoncé
.fiche {
color: #1f3a68;
font-family: Georgia, serif;
font-style: italic;
text-align: center;
line-height: 1.6;
border: 1px solid #e07a1f;
padding: 12px;
background-color: #fbe8d5;
}La fiche contient un titre <h2> et une liste dont le second élément contient un lien. Pour un élément <li>, puis pour le lien, dire quelles déclarations de .fiche se retrouvent dans ses valeurs calculées. Que vaut la hauteur de ligne du <li>, si son texte mesure 16 pixels ?
Corrigé
Pour le <li> : color, font-family, font-style, text-align et line-height sont héritées. border, padding et background-color ne le sont pas : le <li> n'a ni bordure ni marge intérieure, et un fond transparent. Comme line-height est un nombre sans unité, le <li> hérite du facteur 1,6 et le multiplie par sa propre taille : pixels (chapitre 4). Pour le <h2>, en 24 pixels, on obtient pixels.
Pour le lien : mêmes propriétés héritées, sauf color. La feuille du navigateur donne une couleur aux liens ; il reste donc bleu, rgb(0, 0, 238). Valeurs relevées dans Chromium :
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.