我们应该初始化样式表吗?

时间:2012-09-03 08:58:52

标签: css

我发现设置一个非常基本的样式重置或样式表初始化,因为我更喜欢它,因为某些浏览器默认值受到影响而导致意外结果。这(我是愚蠢的)让我跳起了欢快的舞蹈,直到我意识到我通过使用重置来关闭默认设置。

我现在正仔细检查所有识别任何其他不利影响的页面。

我认为这在很大程度上取决于个人喜好,无论你是否使用重置,我当然可能会过度思考这是我带来的诅咒。不过,我想就这是一种好的做法还是一种过度复杂化的好方法提出意见。

如果是合适的做法,那么在适当的时候应用重置。

Eric Meyer的文章reset reasoning对我来说非常有意义,因此采用了非常基本的重置。我没有雇用完整的Eric Meyer reset,这当然可能是我的垮台。我不打算在现阶段重温这一点。

但是,我想了解前瞻性是什么以及我是否应该在将来尝试应用这一点。

此致

2 个答案:

答案 0 :(得分:2)

这完全取决于您编写网页的方式和项目的大小。大多数页面都是“meh,okay”,没有重置,但在所有浏览器上都不完美或一致。

为什么人们可能会使用CSS重置这是微不足道的 - 更有趣的问题为什么不使用它?

如果您依赖于浏览器定义的默认样式(例如,h1, h2, h3, h4, h5, h6呈现方式或默认情况下ul子弹列表的行为方式,或默认margins / { {1}}等等,然后重置你的CSS可能会让你做一些额外的工作。换句话说,执行重置会将所有HTML元素恢复到几乎“没有” - 只是一堆语义分组标记...

HTML应该是什么样的,而不是造型;但是对于逻辑和语义分组。从头开始设置元素样式将为您提供更多控制,并为您节省一些特定于浏览器的调整和痛苦。

另外,jsFiddle会这样做,所以它一定很好!

答案 1 :(得分:1)

  

因某些浏览器默认设置已生效。

任何其他未受影响的默认值都是错误,因为这是重置css的重点。

关于重置样式表的一个坏点(假设它本身没有错误),就是你必须考虑所使用的每个元素的样式。

关于重置样式表的好处是,只有你必须考虑使用的每个元素。不使用一个有点像与同事合作你不能很好地沟通 - 它会节省时间,当他们碰巧做了与你的工作相配的事情,但是你是否重复工作或让一些案件落在差距之间并且被忽略不会很明显。

在实践中,这取决于两个哲学中哪一个最适合项目:

  1. 您很高兴有很多样式依赖于浏览器默认设置和(此方法的优点)用户设置。您只需添加必要的CSS,并允许默认大小和字体等内容取决于浏览器。

  2. 您努力对每个元素都有一个非常精确的发言权。

  3. 这两种方法都有优点和缺点,第二种方法的优点最近有所增加,因为浏览器用于重新调整文本的易读性的机制改变了意味着更多的方法调整了整个页面的大小而不是只是文本(这是以前采用第二种方法的一个大问题 - 你可能会有一些设置破坏你的设计,或者你的设计中断设置,一些用户可以依赖它来阅读它。)

    采用第一种方法,使用重置表会破坏您正在采用的理念,为您破坏一切。

    使用第二种方法,使用重置表是迈出良好的第一步。每当你发现重置表引起问题时,你真正发现的是你应该做的事情,你没有做过,而且它突出了你的问题。如果你在没有重置表的情况下完成第二种方法,那么你已经有效地获得了与它相同的结果,至少就那些使用的元素而言。