针对不同浏览器的单个css

时间:2009-11-10 10:44:38

标签: css

我想为不同类型的浏览器使用单个css文件..任何人都可以给我一个关于如何开发它的指导方针吗?我是编程的新手....请帮忙......

2 个答案:

答案 0 :(得分:3)

答案 1 :(得分:3)

您可以在跨浏览器兼容样式表中使用的CSS是标准的一个子集,您可以避免某些浏览器遇到问题的样式。 (“某些浏览器”通常是Internet Explorer。)

例如,Internet Explorer未正确处理text-align样式。它还将样式应用于块元素,同时它应仅应用于内联元素。因此,您应该只对不包含任何块元素的元素使用text-align样式。

使用符合标准的浏览器(如Firefox)开发页面作为第一个测试场。当它在Firefox中工作时,除了Internet Explorer之外,在其他所有浏览器中几乎总是看起来一样。虽然IE是最常用的浏览器,但在Web标准方面却是奇怪的,你经常需要调整HTML和CSS以避免在IE中出现错误。

有时,IE在其他浏览器中自动调整大小的元素上需要特定大小。另一个例子是将display:inline;添加到浮动元素。所有浮动元素都是块元素,因此display:inline;样式被忽略,但在IE中它有一个副作用,即为元素设置HasLayout标志,这修复了IE对浮动元素的一些其他问题。

您的网页上需要proper doctype,以便在符合标准的模式下呈现。否则,您将很难在浏览器之间获得一致的外观。