Intégrer du CSS dans une page HTML — Correction d'exercices

Voici des propositions de solutions en mode console (via readline()). N’hésite pas à les adapter.

#1 — CSS en ligne (Inline)

Applique une couleur rouge directement sur un paragraphe via l'attribut style.

Voir le corrigé

<p style="color: red;">Texte rouge</p>

Où placer les styles CSS dans le fichier HTML (balise style) ?

Voir le corrigé

<head>
  <style>
    p { color: blue; }
  </style>
</head>

Lie un fichier 'style.css' à ta page HTML.

Voir le corrigé

<link rel="stylesheet" href="style.css">

Entre un style inline et un style externe, lequel l'emporte ?

Voir le corrigé

<!-- Le style inline a une priorité plus élevée (spécificité). -->
<p style="color:green">Gagne sur le fichier CSS</p>

Pour styliser plusieurs éléments identiques, utilises-tu une classe ou un id ?

Voir le corrigé

<!-- Une classe, car un ID doit être unique. -->
<div class="card"></div>
<div class="card"></div>