如何使用谷歌材料设计(angular4)重置/标准化您的CSS？

Question

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

我检查了一些角度材料设计示例,有些正在使用normalize css.这是采用谷歌材料设计的正确方法吗？

Answer 1

是的,使用normalize css是一个很好的选择.无论如何,它都是bootstrap使用的.使用npm install获取最新版本:https://github.com/necolas/normalize.css/

npm install --save normalize.css

@Enrique normalize 将使所有浏览器的默认设置在视觉上看起来相同。如果您正在考虑删除 h 和 p 等元素的样式，那么您可能会考虑在 normalize 之上包含引导程序的“重置”。还有第三层也适用于新引导程序，称为“重新启动”，它使本机元素看起来很优雅。回顾一下：规范化（浏览器看起来一样）-> 重置（一切看起来都一样）-> 重新启动（一切看起来都很好）。 (2认同)