|
主题:[转帖][CSS中级教程],提高CSS水平必看 [收藏主题] | 转到: |
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代码,和不同浏览器下浮动不同问题了 |
|
支持(30) | 反对(29) 顶端 底部 |
支持(30) | 反对(27) 顶端 底部 |
支持(21) | 反对(16) 顶端 底部 |
科士威特惠屋www.hbopp.com个人创业加盟 不二选 | |
支持(10) | 反对(8) 顶端 底部 |
支持(6) | 反对(3) 顶端 底部 |
支持(2) | 反对(2) 顶端 底部 |
befound159 发表于:2011/11/21 14:53:36 | 只看该作者 查看该作者主题
7楼
|
|
支持(1) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
befound159 发表于:2011/11/23 10:53:14 | 只看该作者 查看该作者主题
9楼
|
|
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
<上一主题 | 下一主题 > |