Web前端开发试题.docx

《Web前端开发试题.docx》由会员分享，可在线阅读，更多相关《Web前端开发试题.docx（4页珍藏版）》请在冰豆网上搜索。

Web前端开发试题

Web前端开发试题

一、耐心填一填！

1.为div设置类a与b,应编写HTML代码__________。

2.设置CSS属性clear的值为____________时可清除左右两边浮动。

3.____________标签必须直接嵌套于ul、ol中。

4.CSS属性____________可为元素设置外补丁。

5.设置CSS属性float的值为____________时可取消元素的浮动。

6.文字居中的CSS代码是____________。

二、精心选一选！

1.下列哪个样式定义后,内联（非块状）元素可以定义宽度和高度（）

A.display:

inlineB.display:

noneC.display:

blockD.display:

inheric

2.选出你认为最合理的定义标题的方法（）

A.文章标题

B.

文章标题

C.

文章标题

D.文章标题

3.br标签在XHTML中语义为（）

A.换行B.强调C.段落D.标题

4.不换行必须设置（）

A.word-breakB.letter-spacingC.white-spaceD.word-spacing

5.在使用table表现数据时，有时候表现出来的会比自己实际设置的宽度要宽，为此需要设置下面哪些属性值（）

A.cellpadding=”0″B.padding:

0C.margin:

0D.cellspacing=”0″

三、判断对或错！

1.CSS属性font-style用于设置字体的粗细。

（）

2.CSS属性overflow用于设置元素超过宽度时是否隐藏或显示滚动条。

（）

3.在不涉及样式情况下,页面元素的优先显示与结构摆放顺序无关。

（）

4.在不涉及样式情况下,页面元素的优先显示与标签选用无关。

（）

5.display:

inline兼容所有的浏览器。

（）

6.input属于窗体元素,层级显示比flash、其它元素都高。

（）

四、用心想一想，你一定是生活中的智者！

1.写出ul、ol、dl三种列表的html结构。

答：

2.将以下CSS代码进行缩写，注意要符合缩写的规范。

a）代码一：

border-width:

1px;

border-color:

#000;

border-style:

solid;

b）代码二：

background-position:

00;

background-repeat:

no-repeat;

background-attachment:

fixed;

background-color:

#f00;

background-image:

url（background.gif）;

c）代码三：

font-style:

italic;

font-family:

"LucidaGrande",sans-serif;

font-size:

1em;

font-weight:

bold;

font-variant:

small-caps;

line-height:

140%;

d）代码四：

list-style-position:

inside;

list-style-type:

square;

list-style-image:

url（image.gif）;

e）代码五：

margin-left:

20px;

margin-right:

20px;

margin-bottom:

5px;

margin-top:

20px;

f）代码六：

color:

#336699;

color:

#ffcc00;

答：

答：

6.jQuery中的Delegate（）函数有什么作用？

答：

7.怎样用jQuery编码和解码URL？

答：

五、勇气拼一拼，让你超越别人的加分题目来了！

使用重构的方式制作出一个如下图的水平、垂直都居中短边为50px，长边为150px的红色十字架。

要求：

1.使用2个div完成

2.使用3个div完成

3.使用5个div完成