http://zh.learnlayout.com/display.html(从0开始学习css)

（css,js的转码工具)

css在firefox，opear，ie7，ie8都可以使用，在ie6中不能使用。为什么？？

原因主要有两个:

一：是编码不一样。因为如果你的css和网页编码不一致的话，在其他浏览器都行，但是在ie6中就不行。

二：是css中用了中文的注释。

所以，以后写css的时候，一定要注意，编码和注释。

css加注释是非常重要的  方便日后的修改

在IE中可能由于注释带来的文字重复问题时可以把注释改为：

/**/css的注释   <!--  --> html的注释

<!–[if !IE]>Put your commentary in here…<![endif]–>

关于引用css的两种方法：

1：<style>  

@import url(’a.css’);  

</style>

2：<link type="text/css" href="css/design.css" rel="stylesheet"/>    

两者的区别： @import先加载HTML，后加载CSS   link先加载CSS，后加载HTML。 link是为当前的页服务

body{font-family:"宋体","微软雅黑","Arial Narrow"; font-size:12px; line-height:22px;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
img{border:0;}
input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
ol,ul,li{list-style:none; list-style-type:none; }
div{overflow:hidden; _zoom:1}
.both{clear:both;}
.cleardiv { height:0; line-height:0; font-size:0; clear:both; zoom:1; overflow:hidden; visibility: hidden; }
b{height:0; line-height:0; font-size:0; clear:both; zoom:1; overflow:hidden; visibility: hidden; width:100%; display:block; }
/* 常用宽度 */
.w980{width:980px; background:#FFF; margin-left:auto; margin-right:auto;}
.w960{width:960px; margin-left:auto; margin-right:auto;}