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ÊTE: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 :

h1, h2, h3, h4, h5, h6 { 
   margin-bottom: .5rem; 
   font-family: inherit; 
   font-weight: 500; 
   line-height: 1.2; 
   color: inherit; 
} 

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...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
L'uniformisation des affichages
Suivant
Les paragraphes