删除angular2中组件的填充

如何删除在angular2中添加到新组件的填充。例如 ：

上面是我项目的标题，但是填充是自动添加的。我尝试在应用程序文件夹外部的styles.css中将padding更改为0：

/* You can add global styles to this file, and also import other style files */
body {
     margin: 0;
     padding: 0;
}

我的appcomponent.html看起来像这样：

<app-header></app-header>

<router-outlet></router-outlet>

<app-footer></app-footer>

我也尝试过将padding 0添加到headercomponent.css：

.body {
    background-color: pink;
    padding-top: 0px;
}

Headercomponent.html是：

<div class="body">
<h1 class="text-center">
Crypcheck
</h1>

<p class="text-center">
Check prices of your favourite cryptocurrencies!
</p>

</div>

谢谢阅读。