Les conseils de Tonton Bat'

Avant de commencer à écrire un fichier CSS, pensez a réinitialiser votre page via le CSS en utilisant ce code là :

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: underline; /* applique un soulignement sur les liens */
  text-decoration-thickness: 1px; /* rendre le soulignement plus épais */
  text-underline-offset: 3px; /* décaler le soulignement vers le bas */
}

a:after {
  content: " ↗";
}

Explication

Le body permet d’appliquer le code sur la page complète Afin de ne pas avoir un décalage d’origine sur votre page, réinitialiser le margin et le padding en les mettant à 0 .

Le text-decoration permet de supprimer l’underline (soulignage) par defaut qui permet de différencier un lien dans un texte.

Exemple sans les optimisations CSS

Exemple avec les optimisations CSS