Compass重置实用程序是否覆盖normalize.css和HTML5样板文件?



所以我正在使用Middleman制作一个网站,这是我第一次尝试,并且刚刚开始使用Susy和Compass,我计划与它一起使用。我对这些工具不熟悉,很好奇是否有人知道重置实用程序Compass是否提供了HTML5 Boilerplate(主要是normalize.css)中的CSS规则的级联。有人知道吗?

选择使用compass/reset 还是 normalize.css。同时使用两者是没有意义的。重置基本上是在所有元素上设置相同的属性,然后在上面添加样式。normalize所做的是,它只将不同浏览器之间的属性设置为一个公共集。对于像

    这样的元素,区别变得很明显:使用reset,它们将只是"纯"文本。没有列表指示,没有填充,没有页边距,没有粗体,没有斜体。使用normalize,它们将看起来像您期望的那样:粗体,斜体,像列表一样,等等。

当使用normalize.css时,你可以使用compass normalize插件,或者只是下载normalize.css和@include它在你的SCSS/Sass文件的顶部。那么,不包括compass/reset

Compass样式中包含的重置是Eric Meyer的一个(2.0版本)。

我不熟悉HTML5样板。虽然我知道它们是一组很好的实践,但我从来没有看到自己需要使用它们。我喜欢构建我自己的样板。

在阅读了normalize.css的源代码和Eric Meyer的重置后,我发现你会有一些冲突规则。

我想说的是,如果你有兴趣在reset mixin中保留normalize。css,那就在它后面加上normalize。css。

最新更新