您现在的位置: 365建站网 > 365学习 > 收集的前端开发测试题

收集的前端开发测试题

文章来源:365jz.com     点击数:742    更新时间:2010-01-23 15:39   参与评论

我们班的学生学习手写代码已经将近2个月的时间了,CSS的学习可以说是告一段落。今天同学们每个人都出了几道题,然后又互相提问做回答。我从中间抽出一些来列在这里,很多还是比较好的问题。

no.1

问题:ul/ol里有liIE6里会出现一行空白,应该如何排除这个?

问题分析:这里说的ie6里的li在默认的时候,每个列表项中间都有一个间隙。是一个ie6的bug。

答案:把li 浮动后就可以解决这个问题。类似有间距的问题可以说是非常常见,不只是在li里,几个行内属性标签放在一起的时候,也常在ie6里看到间距。类似的问题解决方案首先要想到一个,就是用float布局。

no2

问题:下列标签既是行内属性标签又可以设宽高的标签是?

Adiv 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{height300px;*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

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (742人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------