账号通
    

账号  

密码  

10443

查看

10

回复
主题:[CSS中级教程],想提高的请看了~ [收藏主题] 转到:  
bingxue733 当前离线

10

主题

0

广播

0

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

用户积分:319 分
登录次数:8 次
注册时间:2008/9/18
最后登录:2009/10/19
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代码,和不同浏览器下浮动不同问题了

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

 

小站    www.jfhao.com  

 

 

 
  支持(21) | 反对(21) 回到顶部顶端 回到底部底部
eieibear 当前离线

101

主题

0

广播

0

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

用户积分:558 分
登录次数:17 次
注册时间:2009/3/9
最后登录:2009/5/2
eieibear 发表于:2009/4/26 22:07:00   | 只看该作者 查看该作者主题 沙发 
 
  支持(21) | 反对(17) 回到顶部顶端 回到底部底部
leesd 当前离线

34

主题

0

广播

0

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

用户积分:52 分
登录次数:16 次
注册时间:2010/11/8
最后登录:2011/12/6
leesd 发表于:2010/11/23 19:06:32   | 只看该作者 查看该作者主题 藤椅 
 
  支持(10) | 反对(8) 回到顶部顶端 回到底部底部
leesd 当前离线

34

主题

0

广播

0

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

用户积分:52 分
登录次数:16 次
注册时间:2010/11/8
最后登录:2011/12/6
leesd 发表于:2010/11/23 19:07:31   | 只看该作者 查看该作者主题 板凳 
科汛在线考试系统(NET)
想找一个CSS可视化编辑软件 可是找到的都不合适 有人有不错的软件可以推荐吗? 分享下咯。。谢谢
 
  支持(2) | 反对(0) 回到顶部顶端 回到底部底部
zpwz 当前离线

777

主题

0

广播

0

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

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

614

主题

7

广播

1

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

用户积分:5597 分
登录次数:165 次
注册时间:2011/1/5
最后登录:2020/7/6
ren_2008 发表于:2011/1/20 11:31:58   | 只看该作者 查看该作者主题 地板 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
1210600510 当前离线

26

主题

0

广播

0

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

用户积分:245 分
登录次数:29 次
注册时间:2011/1/21
最后登录:2013/2/22
1210600510 发表于:2011/1/22 15:37:15   | 只看该作者 查看该作者主题 7楼 
科汛在线网校系统
不错 谢谢分享不错 谢谢分享

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
detail1437 当前离线

135

主题

0

广播

0

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

用户积分:180 分
登录次数:78 次
注册时间:2011/1/15
最后登录:2011/3/26
detail1437 发表于:2011/1/24 23:54:35   | 只看该作者 查看该作者主题 8楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
guoxiaoqing 当前离线

1116

主题

0

广播

0

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

用户积分:876 分
登录次数:124 次
注册时间:2011/8/22
最后登录:2012/5/7
guoxiaoqing 发表于:2011/10/20 8:47:08   | 只看该作者 查看该作者主题 9楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
xiaoxiaoliu 当前离线

78

主题

0

广播

0

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

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