Comment enlever la marge de la balise body dans Angular 4 ?

Question

Le fichier app.component.html d'Angular 4 ne fournit pas de balise body sur laquelle styliser pour supprimer le padding de la balise body.

Le code suivant dans app.component.css n'a pas fonctionné non plus :

body {
margin : 0;
}

Y a-t-il un moyen de supprimer la marge ?

Answer 1

Vous devriez mettre votre code CSS dans style.css, pas app.component.css

Answer 2

NOTE: assurez-vous de modifier le css qui est lié à la page

Si vous souhaitez "désactiver" les valeurs css par défaut dans les balises HTML, vous devriez essayer de consulter "reset.css" et comprendre l'idée, comment vous devriez être en mesure de créer un nouveau site sans vous soucier des divers paddings et marges. De plus, si vous faites

html, body { padding: 0; margin: 0;} 

cela résoudra probablement ce problème.

Answer 3

Essayez d'ajouter du style au niveau global (index.html OU Styles.css).

index.html

      body {
        padding-top: 10px;
        padding-left:10px;
      }

Answer 4

Travailler sur Angular 8, semble utiliser le style CSS ci-dessous car Angular 8 a changé quelques choses et le style ci-dessous devrait être utilisé.

;body {
   padding: 20px;
  }

Answer 5

::ng-deep * {
    marge: 0;
    rembourrage: 0;
}