你如何使用谷歌材料设计（angular4）重置/规范你的css？答案

【问题标题】：How do you reset/normalize your css using google material design (angular4)?你如何使用谷歌材料设计（angular4）重置/规范你的css？
【发布时间】：2017-10-15 15:34:21
【问题描述】：

我目前正在使用角度材料设计。它不会像引导程序那样重置 CSS。我的工具栏和浏览器边缘有这些空格。

我检查了一些有角度的材料设计示例，其中一些正在使用规范化 css。使用 google material-design 是否正确？

【问题讨论】：

我遇到了同样的问题，我在应用程序根目录的 styles.css 文件中手工制作了它。例如：github.com/noe-fc/client/blob/master/src/styles.scss#L11

标签： angular material-design

【解决方案1】：

是的，使用规范化 css 是一个不错的选择。无论如何，这就是引导程序使用的东西。使用 npm install 获取最新版本：https://github.com/necolas/normalize.css/

安装 normalize.css 库：
```
npm install --save normalize.css
```
将它导入你的styles.css
```
@import '~normalize.css';
```

【讨论】：

嗨@Eeks33 如何为标题、p 和所有其他元素添加全局样式，材质库没有样式？谢谢
@Enrique normalize 将使所有浏览器的默认值在视觉上看起来相同。如果您正在考虑删除具有 h 和 p 等元素的样式，那么您可能会考虑引导程序在规范化之上包含的“重置”。还有一个第三层，新的引导程序也适用，称为“重新启动”，它使本机元素看起来很优雅。回顾一下：规范化（浏览器看起来一样）-> 重置（一切看起来都一样）-> 重启（一切看起来都不错）。
您实际上是如何将它包含在您的 css 中的...答案：stackoverflow.com/questions/38409773