网站重构 CSS样式表的优化与技巧

时间:2006-11-10 11:50:05  来源:木木0817  作者:LinHan

十五.导入(Import)和隐藏CSS

　　因为老版本浏览器不支持CSS，一个通常的做法是使用@import技巧来把CSS隐藏起来。例如:

　　@import url(main.css);

　　然而，这个方法对IE4不起作用，这让我很是头疼了一阵子。后来我用这样的写法:

　　@import main.css;

　　这样就可以在IE4中也隐藏CSS了，呵呵，还节省了5个字节呢。想了解@import语法的详细说明，可以看这里《centricle’s css filter chart》

　　十六.针对IE的优化

　　有些时候，你需要对IE浏览器的bug定义一些特别的规则，这里有太多的CSS技巧(hacks)，我只使用其中的两种方法，不管微软在即将发布的IE7 beta版里是否更好的支持CSS，这两种方法都是最安全的。

　　1.注释的方法

　　(a)在IE中隐藏一个CSS定义，你可以使用子选择器(child selector):

以下是引用片段：
　　html>body p {
　　/* 定义内容 */
　　}

　　(b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏)

以下是引用片段：
　　* html p {
　　/* declarations */
　　}

　　(c)还有些时候，你希望IE/Win有效而IE/Mac隐藏，你可以使用反斜线技巧:

以下是引用片段：
　　/* */
　　* html p {
　　declarations
　　}
　　/* */

　　2.条件注释(conditional comments)的方法

　　另外一种方法，我认为比CSS　Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式，而不影响主样式表的定义。

文章评论

共有 位CH网友发表了评论 查看完整内容

特别推荐

最新信息