UI试题笔试题目

UI试题笔试题目
填空：（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;
简化：_________________________________
2）padding-bottom:10px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
简化：_________________________________
3）padding-bottom:10px;
padding-top:10px;
padding-left:5px;
padding-right:5px;
简化：_________________________________
3、使用jQuery定位元素（9分）
示例： <div id=”News”>
<ul>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
<li>最后一行</li>
</ul>
</div>
问题1：使用jQuery代码定位id为News下的所有li元素，并添加样式color:red;。

（3分）
问题2：使用jQuery代码定位id为News下的最后一行li元素，并添加样式color:red;（6分）
4、用DIV+Css实现以下布局。

要求宽为960px，尽量
接近原图。

（40分）。