便携式CSS有哪些规则?

时间:2011-10-28 09:38:57

标签: html css internet-explorer firefox cross-browser

我是CSS新手,要遵守什么规则以确保CSS在其他浏览器中看起来一样? (我使用的是Firefox)。

P.S。 IE7有什么具体规则吗?

6 个答案:

答案 0 :(得分:1)

你不能总是确定。

但你可以使用css重置。 所有浏览器的标准css设置都将被重置,然后你就可以开始了。

http://meyerweb.com/eric/tools/css/reset/

答案 1 :(得分:1)

在本网站上,您可以获得所有必要的信息,由Peter-Paul Koch撰写http://www.quirksmode.org/&不要使用特定于浏览器的选择器,例如以-moz-或-webkit -

为前缀的选择器

不幸的是,不,不是绝对肯定。测试,测试和更多测试是唯一的解决方案。

答案 2 :(得分:1)

我认为最好的起点是: http://html5boilerplate.com/(阅读评论的CSS。)它标准化了不同浏览器的CSS行为。 (我不建议使用重置)。

咨询http://na.isobar.com/standards/以了解最佳前端最佳做法。

有一些规则可以让你的东西在IE 6& 7(确实是唯一会给你带来严重麻烦的人):

答案 3 :(得分:1)

你在这里提出了一个相当广泛的问题,但要遵循的一些指导原则是:

  1. 确保它是标准化的CSS和HTML。如果它具有-moz-, - webkit-或-o-(或更多)供应商前缀,则可能与您的预期完全不同。

  2. 确保验证!通过W3 validation service查看代码中的任何错误。

  3. 考虑使用CSS重置,例如Eric Meyer reset。这会将所有元素重置为0padding,margin等。

    或者像HTML5 Boilerplate一样使用Normalize(如Meo指出的那样)。

  4. 了解如何使用IE的Conditional Comments。在大多数情况下,“真正的”浏览器(Chrome,Firefox,Opera)将呈现HTML应有的状态。由于存在多个正在使用的IE版本,您将不得不为每个版本提供不同的代码(不支持IE6),这是最好的方法。

  5. 可能还有很多要添加,但最好的事情就是体验。

    祝你好运!

答案 4 :(得分:0)

直到IE 9,IE似乎根本没有遵循任何规则,但是对于几乎所有其他浏览器都遵循这些W3标准:

CSS ReferenceW3 OverviewW3 CSS Validator

理论上,如果你坚持这些,一切都应该有效,但实际上并不是那样。这当然是朝着正确方向迈出的一步,其余的细节只是通过尝试,错误和经验来学习。

答案 5 :(得分:0)

本网站将为您提供良好的开端。

http://htmlhelp.com/reference/css/structure.html