填空：（20分）

1、 UI是由_____________和_______________两个元素组成，还包括这两者

之间的______________关系。（4分）

2、 使用css代码___________________________使一段文本居中显示。（2分） 3、 当鼠标移动至a链接，用a:______________来使其样式产生变化。（2分） 4、 页面中除数据显示外均用____________________（2分）布局。页面中

无冗余代码，样式均写在_____________（1分）分文件中，脚本如非必要均写在_____________（1分）文件中。

5、 网页中文字大小一般默认为_____________px （2分），字体为

___________。（1分）

6、 Tab类型导航顶部一般最多显示___________级菜单。（1分） 7、 门户型系统主要支持分辨率为____________________。（2分）

8、 门户型系统界面主色调为____色。应用系统界面主色调是____色。（2分）

选择题（20分）（每空2分）

1、 网页样式兼容性，IE都能识别（ ），标准浏览器（如FireFox）不能识

别。IE6不能识别（ ），且IE7和FireFox能识别。IE6支持（ ），IE7和FireFox不支持。

A：* B：_ C：!important

2、 样式兼容性书写方式为：写在最前面（ ），写在中间（ ），写在最

后面（ ）。

A：FireFox B：IE6 C：IE7

3、 UI一致性原则不包括（ ）

A：设计目标一致 B：元素外观一致 C：交互行为一致 D：前后台风格一致

4、 对于联系页面，新增页面（新闻浏览、编辑等）均应该是（ ）显示，

使用户能回到以前页面进行操作。

A：新窗口 B：当前窗口 C：父窗口 D：弹窗

5、 以下哪个不是横向菜单的特征（ ）

A：当前菜单必须选中

B：菜单如果一行不能显示，需要换行显示 C：菜单宽度一致

D：下拉菜单最多为5级菜单

6、 一般页面的加载时间<3秒，这是属于（ ）

A：环境贴切原则 B：即时响应原则 C：灵活高效原则 D：人性化帮助原则

问答题

1、 对以下软件开发中UI操作流程进行排序（5分）

①设计页面 ②与业务进行页面确认 ③需求确认 ④页面调整 ⑤UI检测报告 ⑥制作静态页面

2、 请简化以下代码：（6分） 1）margin-bottom:10px;

答案：________________________________

margin-top:5px; margin-left:3px; margin-right:13px;

简化：_________________________________

3）padding-bottom:10px; padding-top:10px; padding-left:5px; padding-right:5px;

简化：_________________________________

3、 使用jQuery定位元素（9分） 示例：

2）padding-bottom:10px; padding-top:5px; padding-left:10px; padding-right:10px;

简化：_________________________________