Comment puis-je supprimer les espaces supplémentaires au-dessus de mes en-têtes HTML ?

Résoudre l'espace de marge autour des en-têtes HTML

La suppression de l'espace au-dessus d'un en-tête HTML nécessite de s'attaquer à la raison sous-jacente de son apparition, appelée réduction de la marge. . En CSS, la réduction des marges fusionne les marges adjacentes, ce qui crée un espace supplémentaire.

Pour éliminer cet espace indésirable, la propriété CSS margin-top: 0; peut être appliqué à l’élément h1 dans l’en-tête. Cela définit la marge supérieure de l'en-tête à zéro, supprimant ainsi l'espace.

Code CSS pour l'ajustement de la marge :

Pour le code HTML et CSS fourni dans la question , l'ajout du CSS suivant résoudra le problème :

h1 {
  margin-top: 0;
}

En appliquant ce CSS, la marge supérieure de l'élément h1 dans l'en-tête sera définie sur zéro, remplaçant la marge héritée et éliminant l'espace supplémentaire au-dessus de l'en-tête.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!