Web前端开发试题.pdf

先天下之忧而忧，后天下之乐而乐。——范仲淹

Web前端开发试题

人之为学，不日进则日退，独学无友，则孤陋而难成；久处一方，则习染而不自觉。——《顾炎武》
忍一句，息一怒，饶一着，退一步。——《增广贤文》

一、耐心填一填！

1.为div设置类a与b,应编写HTML

代码__________。

2.设置CSS属性clear的值为

____________时可清除左右两边浮动。

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

ol中。

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

补丁。

5.设置CSS属性float的值为

____________时可取消元素的浮动。

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

二、精心选一选！

以铜为镜，可以正衣冠；以古为镜，可以知兴替；以人为镜，可以明得失。——《旧唐书·魏征列传》
人不知而不愠，不亦君子乎？——《论语》

百学须先立志。——朱熹
丈夫志四方，有事先悬弧，焉能钧三江，终年守菰蒲。——《顾炎武》

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

4.不换行必须设置()

A.word-breakB.letter-spacing

C.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:"Lucida

Grande",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;

海纳百川，有容乃大；壁立千仞，无欲则刚。——林则徐
人人好公，则天下太平；人人营私，则天下大乱。——刘鹗

答：

3.修改以下代码，使其结构更加合理以

及符合W3C标准。（XHTML1.0Strict）

代码：

<div><h2>Don’tbuythese

electronicsused</h2>Moneymay

betight,butyoumaykickyour