4.9 Réinitialiser le CSS

Supprimer le style de navigateur par défaut

Il n’existe pas d’élément HTML sans style. Chaque page Web utilise au moins une feuille CSS : la feuille de style de l’agent utilisateur.

La feuille de style de l’agent utilisateur

Ce fichier CSS est inclus dans le navigateur et s’appelle :

  • chaque fois qu’une page Web est rendue
  • avant que nos CSS ne soient appliqués

Bien que chaque navigateur ait son propre CSS d’agent d’utilisateur, ils sont tous assez similaires.

Appliquer une réinitialisation CSS

Les styles par défaut d’un navigateur peuvent interférer avec les styles que nous voulons réellement appliquer. C’est pourquoi une réinitialisation CSS a été conçue pour fournir une base cohérente sur tous les navigateurs.

C’est particulièrement utile pour normaliser la taille du texte et supprimer toutes les marges.

Vous pouvez trouver (et télécharger) reset.css HTML 5 de ce site. Il suffit de l’inclure dans votre <head> avant votre propre feuille de style.

<head>
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="votre-feuille-de-style.css">
</head>
Article précédent4.8 Unités de taille CSS
Article suivant5.1 Texte CSS