Adloun

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

La feuille du navigateur

Premiers pas en CSS · niveau 1 (application)

Énoncé

Ouvrir la page code/ch1/defaut/index.html (sans CSS) dans un navigateur et, à l'aide de l'onglet Computed :

  • relever la taille du texte de <h1>, de <h2> et de <p> ; quel est le rapport entre la taille de <h1> et celle du texte ?
  • relever la marge de <body> ; que se passe-t-il à l'écran si on la met à 0 dans l'onglet Styles ?
  • trouver, dans l'onglet Styles, la règle qui rend <strong> gras : d'où vient-elle ?

Corrigé

  • Dans Chromium : <h1> 32px, <h2> 24px, <p> 16px. Le titre principal mesure deux fois le texte : la feuille du navigateur lui donne font-size: 2em (et 1.5em au <h2>).
  • La marge du <body> vaut 8px de chaque côté. À 0, le texte touche le bord de la fenêtre.
  • Dans l'onglet Styles de <strong>, on trouve la règle suivante. Elle porte la mention user agent stylesheet : elle vient de la feuille du navigateur.

strong, b { font-weight: bold; }

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 →