0
votes

D'une manière ou d'une autre, je suis incapable de remplacer normalement.css?

Je suis débutant, je suis en quelque sorte incapable de supprimer les marges de l'élément H1. Je ne sais pas quel est le problème. P>

<html lang="en">

<head>
  <link rel="stylesheet" type="text/css" href="Resources/css/style.css">
  <link rel="stylesheet" type="text/css" href="vendors/css/grid.css">
  <link rel="stylesheet" type="text/css" href="vendors/css/normalize.css">
  <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400&display=swap" rel="stylesheet">
  <title>Omnifood</title>
</head>

<body>
  <header>
    <div class="hero-text-box">
      <h1>Goodbye junk food. Hello super healthy meals.</h1>
      <a href="#">Iâ€™m hungry </a>
      <a href="#">Show me more </a>
    </div>
  </header>

</body>

</html>

html css normalize

0 commentaires

4 Réponses :

2
votes

Re-commandez vos balises de liaison comme ci-dessous

<link rel="stylesheet" type="text/css" href="vendors/css/normalize.css"> <!-- reset default styling -->
<link rel="stylesheet" type="text/css" href="vendors/css/grid.css"> <!-- add grid support -->
<link rel="stylesheet" type="text/css" href="Resources/css/style.css"> <!-- apply custom styles to your code -->

0 commentaires

1
votes

Vous pouvez ré-commander le style.css code> pour être après normalize.css code> ou pouvez utiliser ! important code> pour forcer le CSS :

h1 {
  margin: 0 !important;
}

0 commentaires

0
votes

Trois solutions possibles ici:

1- Dans votre HTML, Inclure normalisé.css code> d'abord, puis les autres fichiers CSS qui le remplacera: p>

h1 {
    margin: 0 !important;
}

0 commentaires

0
votes

Préparez d'abord vos fichiers de ressources et utilisez simplement ci-dessous dans votre CSS. Prenez note de la partie px em> forte> partie.

h1 {
  margin: 0px;
}

0 commentaires