cybercursus

Couleurs, texte et polices

10 min · Débutant · 7 août 2026

Sommaire
  1. Colorer le texte et son arrière-plan
  2. Taille, graisse et alignement
  3. À toi de jouer

Colorer le texte et son arrière-plan

css
p {
color: white;             /* couleur du texte */
background-color: navy;   /* couleur de l'arriere-plan de la boite */
}

Taille, graisse et alignement

css
h1 {
font-size: 32px;
font-weight: bold;   /* equivaut a 700 sur l'echelle 100-900 */
text-align: center;
}

Astuce

font-weight accepte aussi bien des mots-clés (normal, bold) qu’une valeur numérique précise (400, 700), utile pour des polices proposant plusieurs graisses intermédiaires.

À toi de jouer

Style le titre h1 ci-dessous : une taille de 24px, une graisse bold, et un alignement centré (center).

html
<!-- HTML -->
<h1>Titre stylé</h1>

/* CSS */
h1 {
/* Complete le style ici */
}
Quelle est la différence entre color et background-color ?
Quelle valeur de font-weight correspond typiquement au mot-clé bold ?

Pour aller plus loin

Commentaires

Recherche