【问题标题】:Does Compass reset utility overwrite normalize.css and HTML5 boilerplate?Compass 重置实用程序会覆盖 normalize.css 和 HTML5 样板吗?
【发布时间】:2013-05-12 18:56:35
【问题描述】:

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

【问题讨论】:

  • 我认为可以不包括罗盘重置?

标签: css compass-sass html5boilerplate


【解决方案1】:

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

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

使用 normalize.css 时,您可以使用 compass normalize plugin 或直接下载 normalize.css 和 @include 在您的 SCSS/Sass 文件顶部。然后,不要包含compass/reset

【讨论】:

    【解决方案2】:

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

    我不熟悉 HTML5 样板。虽然我知道它们是一套很好的做法,但我从未见过自己需要使用它。我喜欢构建自己的样板。

    看了normalize.css的源代码和Eric Meyer的reset我发现你会有一些冲突规则。

    我想说,如果您有兴趣保留 normalize.css 而不是 reset mixin,只需在其后包含 normalize.css。

    【讨论】:

    • 谢谢,这就是我本来打算做的,但我想我也想听听别人说哈哈
    • @Jeremy 那么你有我的声音:-)
    猜你喜欢
    • 2013-12-12
    • 2016-12-10
    • 1970-01-01
    • 1970-01-01
    • 2013-03-05
    • 2016-06-22
    • 1970-01-01
    • 1970-01-01
    • 2013-06-09
    相关资源
    最近更新 更多