收集的前端开发测试题

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个伪类排列顺序不对，（详见http://hi.baidu.com/kuntakinte/blog/item/173b3b096eadf888d1581b86.html）出现这个问题的原因是把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

 

转自 ： http://blog.sina.com.cn/s/blog_6c9630b30100r5in.html