web标准常见问题集合

inwing

UID:4943

      #11
  • 等级:6级
  • 昵称:Mr Q
  • 组别:中级会员
  • 积分:648
  • 金币:622

优秀会员 

继续
Time: 07-10-26 13:19

 
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547

楼主¦       #12
  • 等级:5级
  • 昵称:神经正常
  • 组别:中级会员
  • 积分:533
  • 金币:261

9. LI中内容超过长度后以省略号显示的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
li {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
-->
</style>
<ul>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
</ul>


此方法适用与IE与OP浏览器
Time: 07-10-26 13:20

 
暂时空缺
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547

楼主¦       #13
  • 等级:5级
  • 昵称:神经正常
  • 组别:中级会员
  • 积分:533
  • 金币:261

啊呀呀 你气死我鸟 来人哪 把他给我拖出去糟蹋了!
Time: 07-10-26 13:21

 
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547

楼主¦       #14
  • 等级:5级
  • 昵称:神经正常
  • 组别:中级会员
  • 积分:533
  • 金币:261

10.web标准中定义id与class有什么区别吗
(这个问题很多人 包括我也疑惑过)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
#aa {
color:red
}
.aa {
color:blue
}
-->
</style>
<div id="aa" class="aa">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>


一.
web标准中是不容许重复ID的,比如 div id="aa"  不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.

二.
属性的优先级问题
ID 的优先级要高于class,看上面的例子

三.
方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.
Time: 07-10-26 13:23

 
暂时空缺
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

inwing

UID:4943

      #15
  • 等级:6级
  • 昵称:Mr Q
  • 组别:中级会员
  • 积分:648
  • 金币:622

优秀会员 

他们还没来,来了,糟蹋他们好了,我收拾收拾去上自习了,呵呵
Time: 07-10-26 13:24

 
暂时空缺
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547

楼主¦       #16
  • 等级:5级
  • 昵称:神经正常
  • 组别:中级会员
  • 积分:533
  • 金币:261

11.如何垂直居中文本

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
div {
height:30px;
line-height:30px;
border:1px solid red
}
-->
</style>
<div>web标准常见问题大全</div>


给容器设置一个与其高度相同的行高就可以了
Time: 07-10-26 13:25

 
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547

楼主¦       #17
  • 等级:5级
  • 昵称:神经正常
  • 组别:中级会员
  • 积分:533
  • 金币:261

12.如何对齐文本与文本输入筐

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
input {
width:200px;
height:30px;
border:1px solid red;
}
-->
</style>
<input type="text" />aaaaaaaaaaaaaaaaaa


遇到此种问题,设置文本框的    vertical-align:middle 就可以了
Time: 07-10-26 13:27

 
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547

楼主¦       #18
  • 等级:5级
  • 昵称:神经正常
  • 组别:中级会员
  • 积分:533
  • 金币:261

13.为什么FF下面不能水平居中呢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
body {
text-align:center;
}
div {
margin:0 auto;
width:500px;
height:200px;
border:1px solid red
}
-->
</style>
<div></div>


FF下面设置容器的左右外补丁为auto就可以了
Time: 07-10-26 13:28

 
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547

楼主¦       #19
  • 等级:5级
  • 昵称:神经正常
  • 组别:中级会员
  • 积分:533
  • 金币:261

inwing于2007-10-26 13:24:02在大作中提到:

他们还没来,来了,糟蹋他们好了,我收拾收拾去上自习了,呵呵




走好 小心路上下水道!
Time: 07-10-26 13:30

 
暂时空缺
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547

楼主¦       #20
  • 等级:5级
  • 昵称:神经正常
  • 组别:中级会员
  • 积分:533
  • 金币:261

14.为什么FF下文本无法撑开容器的高度


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
div {
width:200px;
height:200px;
border:1px solid red
}
-->
</style>
<div>web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见</div>


标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px;  这里为了照顾不认识min-height的IE6 可以这样定义:
{
height:auto!important;
height:200px;
min-height:200px;
}
Time: 07-10-26 13:31

 
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP