L’uniformisation des affichages TEXTE:Uniformisation des affichages

1. Le rendu des navigateurs TEXTE:Rendu des navigateurs

Comme nous l’avons déjà évoqué précédemment, les navigateurs n’ont pas tous le même rendu pour toutes les propriétés des CSS. Il existe encore des différences plus ou moins importantes. Il convient donc d’uniformiser ces rendus. C’est l’objectif des styles Reboot de Bootstrap. Sachez que Reboot est basé sur Normalize de Nicolas Gallagher (https://necolas.github.io/normalize.css/).

2. Le corps de la page TEXTE:Corps de la page

Avec Reboot, les éléments <html> et <body> se voient attribuer plusieurs règles par défaut.

Les polices de caractères ciblent les principaux navigateurs pour un affichage optimal. Bootstrap utilise San Francisco pour iOS, Segoe UI pour Windows, Roboto pour Android et Helvetica Neue, Arial et sans-serif pour les autres affichages. La taille de caractère est basée sur 16 pixels, avec la valeur 1 rem.

L’élément <body> utilise une interligne line-height: 1.5;, une couleur de caractère color: #212529, un alignement du texte text-align: left et une couleur d’arrière-plan background-color: #fff.

Pour la mise en page, tous les éléments utilisent la propriété box-sizing: border-box;.

Bien sûr tous les éléments inclus vont hériter de ces propriétés globales...

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’objectif
Suivant
Les règles CSS pour les en-têtes