当前位置：
|
主题：［CSS中级教程］,想提高的请看了～ [收藏主题] | 转到： |
 bingxue733 发表于：2008/10/7 17:47:00 | 显示全部帖子 查看该作者主题
楼主  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代码，和不同浏览器下浮动不同问题了 ————————————————————————————————————
|
|
 支持(21) |  反对(21)
 顶端  底部
|
![电子邮件:[ bingxue733@163.com ]](http://bbs.kesion.com/club/images/email.gif){kind=small}
| ＜上一主题 | 下一主题 ＞ |