我们班的学生学习手写代码已经将近2个月的时间了,css的学习可以说是告一段落。今天同学们每个人都出了几道题,然后又互相提问做回答。我从中间抽出一些来列在这里,很多还是比较好的问题。
no.1
问题:ul/ol里有li时IE6里会出现一行空白,应该如何排除这个?
问题分析:这里说的ie6里的li在默认的时候,每个列表项中间都有一个间隙。是一个ie6的bug。
答案:把li 浮动后就可以解决这个问题。类似有间距的问题可以说是非常常见,不只是在li里,几个行内属性标签放在一起的时候,也常在ie6里看到间距。类似的问题解决方案首先要想到一个,就是用float布局。
no2
问题:下列标签既是行内属性标签又可以设宽高的标签是?
A.div B.span C.input D. img E.h1
问题分析:行内属性标签通常情况下是不能设宽高的,但是也有特殊的情况,就是有这么几个不成对的标签是特殊情况,
答案是 C D
no3
问题:超链接<a>被访问过后不再具有hover和active效果?怎么解决!
问题分析:这个是css新手经常会碰到的一个问题,之所以会出现这个问题就是因为a标签的4个伪类排列顺序不对,(详见)出现这个问题的原因是把a:visited放在a:hover的后面,这时a:visited的优先级要高于hover active。所以在a同时具有visited和hover状态时,a会显示visited的样式。
答案:把visited的样式放到hover和active前面。
no4
问题:a标签的title和img的alt属性分析比较
答案:title并不是a标签必须要具备的属性,title的意义比较小,而img标签必须具有alt属性。对于搜索引擎来说,alt属性是它认识图片的方法,alt里对图片的描述就显得非常重要。搜索引擎对a标签的认识主要是通过锚文本。因此他们两个可以说不是一个重量级的
no5
问题:ie6里浮动布局的时候,(例如使用a标签浮动布局)有时候会出现最后一行自动复制到下一行的问题,这个问题怎么解决?
问题分析:这个是非常少见的问题,也只有在ie6里有这个bug。
答案:解决这个问题的方法主要有以下几个:设置一个高度,然后overflow:hidden;清掉浮动。
no6
问题:有上下两个div,上一个div margin-bottom:10px;上一个标签margin-top:5px;那么这两个div最后的间距是多少?
问题分析:这个问题是考外补丁的可重叠的。
答案:10px;
no7
问题:我们用hacker调兼容时,用到如下命令div{height:300px;*height:400px;_height:500px;},在ie6里面显示的高是多少,火狐里面显示的是多少?
问题分析:这个是考hanker的简单的例子
答案: ie6 500px, ff 300px
no8
问题:对一个div如果有以下的选择器,则那个选择器的优先级最高
a: div.b.c b:div#e c:#d div d:.a .b div
问题分析:这里考的是选择器的优先级的
答案:我们分别分析下这几个选择器的优先级a:1+10+10=21 b:1+100=101 c:100+1=101 d:10+10+1 =21 选择b c
如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛