账号通
    

账号  

密码  

6945

查看

9

回复
主题:[转帖][CSS中级教程],提高CSS水平必看 [收藏主题] 转到:  
韩川雪 当前离线

43

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:225 分
登录次数:13 次
注册时间:2009/7/20
最后登录:2009/10/8
韩川雪 发表于:2009/8/12 16:16: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代码,和不同浏览器下浮动不同问题了

 
  支持(30) | 反对(29) 回到顶部顶端 回到底部底部
zpwz 当前离线

777

主题

0

广播

0

粉丝
添加关注
级别:六年级

用户积分:943 分
登录次数:32 次
注册时间:2010/11/22
最后登录:2013/6/9
zpwz 发表于:2010/12/5 21:21:38   | 只看该作者 查看该作者主题 沙发 
 
  支持(30) | 反对(27) 回到顶部顶端 回到底部底部
sjzw8000 当前离线

35

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:185 分
登录次数:20 次
注册时间:2010/3/19
最后登录:2015/3/6
sjzw8000 发表于:2010/12/8 2:19:46   | 只看该作者 查看该作者主题 藤椅 
 
  支持(21) | 反对(16) 回到顶部顶端 回到底部底部
ecsoho 当前离线

245

主题

0

广播

0

粉丝
添加关注
级别:二年级

用户积分:312 分
登录次数:9 次
注册时间:2010/12/6
最后登录:2010/12/9
ecsoho 发表于:2010/12/8 10:29:25   | 只看该作者 查看该作者主题 板凳 
 
科士威特惠屋www.hbopp.com个人创业加盟 不二选
  支持(10) | 反对(8) 回到顶部顶端 回到底部底部
爱尔卡诺 当前离线

39

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:28 分
登录次数:3 次
注册时间:2010/12/7
最后登录:2010/12/16
爱尔卡诺 发表于:2010/12/9 13:44:08   | 只看该作者 查看该作者主题 报纸 
 
  支持(6) | 反对(3) 回到顶部顶端 回到底部底部
blvd 当前离线

38

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:34 分
登录次数:10 次
注册时间:2010/12/9
最后登录:2012/12/1
blvd 发表于:2010/12/9 20:34:19   | 只看该作者 查看该作者主题 地板 
 
  支持(2) | 反对(2) 回到顶部顶端 回到底部底部
befound159 当前离线

96

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:64 分
登录次数:34 次
注册时间:2011/11/15
最后登录:2012/7/17
befound159 发表于:2011/11/21 14:53:36   | 只看该作者 查看该作者主题 7楼 
 
  支持(1) | 反对(0) 回到顶部顶端 回到底部底部
mhbty 当前离线

35

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:39 分
登录次数:6 次
注册时间:2011/11/21
最后登录:2012/4/19
mhbty 发表于:2011/11/22 14:58:27   | 只看该作者 查看该作者主题 8楼 
科汛在线考试系统(NET)
做站的不能只懂程序 css js、ps、还有其他啥啥啥的多少都要懂点
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
befound159 当前离线

96

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:64 分
登录次数:34 次
注册时间:2011/11/15
最后登录:2012/7/17
befound159 发表于:2011/11/23 10:53:14   | 只看该作者 查看该作者主题 9楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
aoxingzc 当前离线

77

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:73 分
登录次数:1 次
注册时间:2011/11/26
最后登录:2011/11/26
aoxingzc 发表于:2011/11/26 16:21:59   | 只看该作者 查看该作者主题 10楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.58203秒 powered by KesionCMS 9.0