第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ，第二个text-align:left;是将#warp中的文字居左。 
　　十五.导入(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)
边框的属性如下: 
　　border-width:1px; 
　　border-style:solid; 
　　border-color:#000;
　　可以缩写为一句:border:1px solid #000;
　　语法是border:width style color;
　　背景(Backgrounds)
　　背景的属性如下:
　　background-color:#f00; 
　　background-image:url(background.gif); 
　　background-repeat:no-repeat; 
　　background-attachment:fixed; 
　　background-position:0 0;
　　可以缩写为一句:background:#f00 url(background.gif) no-repeat fixed 0 0;
　　语法是background:color image repeat attachment position;
　　你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为:
　　color: transparent
　　image: none
　　repeat: repeat
　　attachment: scroll
　　position: 0% 0%
　　字体(fonts)
　　字体的属性如下:
　　font-style:italic;
　　font-variant:small-caps;
　　font-weight:bold;
　　font-size:1em;
　　line-height:140%;
　　font-family:"Lucida Grande",sans-serif;
　　可以缩写为一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
　　注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。
　　列表(lists)
　　取消默认的圆点和序号可以这样写list-style:none;,
　　list的属性如下:
　　list-style-type:square; 
　　list-style-position:inside; 
　　list-style-image:url(image.gif); 
　　可以缩写为一句:list-style:square inside url(image.gif);