CSS不同浏览器兼容性写法: 

————————————————————————————————————————

1.单独让其在FF里有效果：

a。首先在body区域里加上lang="zh" 即< body lang="zh" >

b。然后你想在FF里显示某个类或ID可写:  *:lang(zh)  #样式(或.样式) 即可。如*:lang(zh) #jfhao {width:100px;}

那么ID为jfhao的宽度在FF里就为100px了。 

2.

#jfhao {width:100px;*width:80px;_width:120px;}

ID为jfhao的样式在FF里宽为width:100px; ie7里为80px;ie6里为120px;要记的先后顺序，先ff,然后ie7,最后ie6. 

学会上面的，你就可以解决不同浏览器显示效果不相同的问题了。

——————————————————————————————————————————

class的效用及浮动： 

——————————————————————————

class好的好处就是可以共用，而ID只能用一次。

定义几个class

.jfhao li {float:left}

.clear {clear:both;overflow:hidden}  清除浮动

.jfhao {color:red;font-weight:bold;text-align:center}  定义字体样式

.border {border:1px solid #dfdfdf} 定义外观。

用法

< div class="clear jfhao border" >< ul >< li class="jfhao" >0< /li >

                                                     < li class="jfhao clear" >1< /li >< /ul >

                                                     < /div >

学会上面的你就可以减少重复的CSS代码，和不同浏览器下浮动不同问题了