【问题标题】:Where I should include reset css to avoid problems with my existing css?我应该在哪里包含重置 css 以避免现有 css 出现问题?
【发布时间】:2012-07-27 02:44:23
【问题描述】:

你好

我遇到了这个问题: 为了解决这个问题,我在此处包含了 reset.css 表单 - > http://meyerweb.com/eric/tools/css/reset/reset.css

现在我的网站看起来更糟了,因为一些边距为 0,看起来像这样:

请。查看页脚 - 由于 reset.css,无法更改边距和填充。

我尝试先包含 reset.css,但没有帮助。

问题是 - 我该如何解决这个问题?

【问题讨论】:

  • 您似乎对“css 重置”的概念有误解。通过重置,您正在“重置”浏览器的默认 CSS。 (每个浏览器都会对各种元素应用一些基本样式。)您不是重置您的 CSS。因此,您首先应用 CSS 重置以清除浏览器默认值,然后在顶部应用您自己的。这样你就会知道它在每个浏览器中看起来都是一样的。

标签: css sass css-reset


【解决方案1】:

只需找出具体问题并手动解决,而不是将所有代码都包含在一个修复中。

在我看来,您的 ul 上似乎有边距,请执行 "navClass" { margin: 0; } 看看能不能解决问题

但是,为了将来参考,CSS 重置应该总是在你的 CSS 之前,否则它会覆盖你创建的内容

编辑:意识到您已经修复了导航,但想要修复页脚。只需为其添加一个边距/填充,您依赖的是默认值,您已将其设置为 0,因此您需要手动将其重新添加。

【讨论】:

  • 尝试仅将其用于 ul、li、ol 并没有帮助。这可能是由 Bootstrap 引起的吗?
  • 我无法获得 - 页脚中有边距,但我用 reset.css 覆盖它是吗?当我尝试时,在我的 footer.css.scss 中没有任何改变,也没有任何改变。我应该在哪里改变它?
  • 如果没有看到您的代码/样式表,我无法告诉您这一点。你能把我链接到我们正在谈论的网页吗?
【解决方案2】:

您应该首先包含reset.css。然后用您需要的值覆盖这些值。

因此,在您的实例中,您在制作 css 时一直依赖一些默认值。 reset.css 改变了这些值,你的分页符。所以现在你应该手动设置这些值。 例如,您需要为页脚添加边距和内边距。

【讨论】:

  • 我不想为我所有的 div 做这件事。所以我尝试为我的问题(dropkick)找到合适的代码并使用它,是吗?
猜你喜欢
  • 2021-02-28
  • 2011-03-26
  • 1970-01-01
  • 1970-01-01
  • 2021-09-15
  • 2014-12-21
  • 2011-07-16
  • 2010-10-30
  • 1970-01-01
相关资源
最近更新 更多