css - Normalize.css 不起作用 Angular 4/5

Question

我是 Angular 和 SCSS 的新手。我想摆脱内置的浏览器样式，因此我安装了 normalize.css 并将其添加到我的 angular-cli.json 文件中。

 "styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.min.css",
    "../node_modules/normalize.css/normalize.css",
    "assets/scss/main.scss"
  ],

我有一个组件并添加了 <p>TEST</p>元素，当我在浏览器上检查它时，<p>元素具有以下样式。

p {
  margin: 0 0 10px;
}

它有一个margin-bottom的10px 。我预计这不应该有任何余量。我不知道我在这里做错了什么？我还需要导入其他东西吗？

Answer 1

标准化 CSS 不会将默认值重置为 0，但是:

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

您可能也从 boostrap 获得了这些值。

如果您想重置所有默认样式，您可以使用重置 CSS。

建议在浏览器中使用代码检查器(Chrome 开发者工具或 Firebug)来检查样式的来源。