CSS : mettre en forme le Web (école d'ingénieur) · Chapitre 1 · Exercice de TD

Lire l'onglet Styles

Premiers pas en CSS · niveau 2

Énoncé

On inspecte le titre <h1> d'une page. L'onglet Styles affiche, de haut en bas :


h1 {                                  style.css:14
  color: #e07a1f;
}
h1 {                                  style.css:3
  color: #1f3a68;           (barré)
  font-size: 2,5em;         (barré, triangle)
  font-family: Georgia, serif;
}
h1 {                                  user agent stylesheet
  display: block;
  font-size: 2em;
  font-weight: bold;
}

Quelle est la couleur du titre ? Pourquoi color: #1f3a68 est-il barré sans triangle ?
Pourquoi font-size: 2,5em est-il barré avec un triangle ? Quelle taille le titre a-t-il finalement, si le texte de la page mesure 16 pixels ?
Comment s'appelle la propriété qui rend le titre gras, et qui l'a fixée ?

Corrigé

Le titre est ocre (#e07a1f). La règle de la ligne 14 a le même sélecteur et vient après celle de la ligne 3 : elle l'emporte. La déclaration bleue est valide mais écartée, d'où la rature sans avertissement.
2,5em utilise une virgule décimale : CSS veut un point (2.5em). La valeur est invalide, la déclaration ignorée. La taille vient de la feuille du navigateur : 2em, soit $2 \times 16 = 32$ pixels.
font-weight: bold, fixée par la feuille du navigateur (user agent stylesheet).

100 % gratuit

La suite du chapitre est sur Adloun

Exercice suivant et tuteur

Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.

Le cours du chapitre · Tous les exercices du chapitre

Exercice suivant et tuteur →