Les règles CSS pour les en-têtes TEXTE:CSS pour les en-têtes CSS:En-têtes

Tous les exemples de ce titre peuvent être téléchargés dans le dossier nommé 04-Typographie-01.

1. Les sélecteurs d’éléments des en-têtes EN-TÊTES:Sélecteur d’élement

Bootstrap propose une mise en forme de tous les en-têtes, de <h1> à <h6>.

Voici les règles CSS communes aux en-têtes :

h6, h5, h4, h3, h2, h1 { 
  margin-top: 0; 
  margin-bottom: 0.5rem; 
  font-weight: 500; 
  line-height: 1.2; 
} 

Voici les tailles de caractères utilisées :

h1 { 
  font-size: 2.5rem; 
} 
h2 { 
  font-size: 2rem; 
} 
h3 { 
  font-size: 1.75rem; 
} 
h4 { 
  font-size: 1.5rem; 
} 
h5 { 
  font-size: 1.25rem; 
} 
h6 { 
  font-size: 1rem; 
} 

Voici un exemple simple d’utilisation des en-têtes de <h1> à <h6> :

<h1>En-tête de niveau 1</h1> 
<h2>En-tête de niveau 2</h2> 
<h3>En-tête de niveau 3</h3> 
<h4>En-tête de niveau 4</h4> 
<h5>En-tête de niveau 5</h5> 
<h6>En-tête de niveau 6</h6> 

Voici l’affichage obtenu :

images/C04-001.png

2. Les sélecteurs de classe des en-têtes EN-TÊTES:Sélecteur...

couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
L'uniformisation des affichages
Suivant
Les paragraphes