如何在Angular 4中删除正文标签边距？

Question

Angular 4 app.component.html 不提供body标记，可以对其进行样式设置以删除 body 标记填充。

app.component.css 中的以下内容也不起作用：

body {
margin : 0;
}

有什么方法可以去除边距？

Answer 1

注意：请确保您编辑链接到页面的CSS

如果要“禁用” HTML标记中的默认css值，则应尝试检出“ reset.css”并了解这个主意，即如何创建新网站而不必担心各种填充和边距。另外，如果您这样做

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

它可能会解决这个问题。

Answer 2

您应该将CSS代码放入style.css，而不是app.component.css

Answer 3

尝试在全局级别添加样式（index.html或Styles.css）。

index.html

<style>
      body {
        padding-top: 10px;
        padding-left:10px;
      }
</style>

Answer 4

在8号角上工作似乎在css样式下使用，因为8号角已更改了某些东西，应使用以下样式。

;body {
   padding: 20px;
  }

Answer 5

::ng-deep * {
    margin: 0;
    padding: 0;
}