因此,我正在使用Middleman制作一个网站,这是我第一次尝试,并且刚开始使用 Susy 和 Compass,我打算使用它。我不熟悉这些工具,并且很好奇是否有人知道重置实用程序Compass 是否提供了 HTML5 Boilerplate 中的任何 CSS 规则(主要是 normalize.css 中的那些规则)的级联。有人知道吗?
2 回答
您选择是否使用compass/reset
或 normalize.css
。同时使用两者没有意义。重置基本上为所有元素设置相同的属性,然后在顶部添加样式。normalize 所做的是它只将浏览器之间不同的属性设置为一个通用集。对于像 <strong>、<em> 或 <ul> 这样的元素,区别变得很明显:使用重置,它们将只是“纯”文本。没有列表指示符,没有填充,没有边距,没有粗体,没有斜体。使用 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。