十五.导入(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单独定义一些样式，而不影响主样式表的定义。就象这样:

　　十七.调试技巧:层有多大?

　　当调试CSS发生错误，你就要象排版工人，逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色，这样就能很明显看到层占据多大空间。有些人建议用border，一般情况也是可以的，但问题是，有时候border 会增加元素的尺寸，border-top和boeder-bottom会破坏纵向margin的值，所以使用background更加安全些。

　　另外一个经常出问题的属性是outline。outline看起来象boeder，但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性，我所知道的只有Safari、OmniWeb、和Opera。

　　十八.CSS代码书写样式

　　在写CSS代码的时候，对于缩进、断行、空格，每个人有每个人的书写习惯。在经过不断实践后，我决定采用下面这样的书写样式:

　　selector1,
　　selector2 {
　　property:value;
　　}

　　当使用联合定义时，我通常将每个选择器单独写一行，这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格，每个定义也单独写一行，分号直接在属性值后，不要加空格。

　　我习惯在每个属性值后面都加分号，虽然规则上允许最后一个属性值后面可以不写分号，但是如果你要加新样式时容易忘记补上分号而产生错误，所以还是都加比较好。

　　最后，关闭的大括号}单独写一行。

　　空格和换行有助与阅读。

　　附:常用CSS缩写语法总结

　　使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下:

　　颜色

　　16进制的色彩值，如果每两位的值相同，可以缩写一半，例如:

　　#000000可以缩写为#000;#336699可以缩写为#369;

　　盒尺寸

　　通常有下面四种书写方法:

　　property:value1; 表示所有边都是一个值value1;

　　property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2

　　property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3

　　property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left

　　方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下:

　　margin:1em 0 2em 0.5em;

　　边框(border)