校园招聘笔试研类-互联网前端开发(开放性试题).docVIP

金蝶校园招聘笔试试题 前端开发类 考生姓名： 余成 手机号码： 毕业院校： 武汉理工大学 笔试成绩： 考试说明： 本试题属于公司机密，请您在考试结束时务必将试卷交还给工作人员； 请直接在试卷上作答； 本试题包括选择题（单选、多选） 、判断题、填空题， 满分为100分，考试时间为40分钟。 第一部分 单选题（共20分） 1、选出你认为最合理的定义标题的方法 C (A) pb文章标题/b/p (B) span class=heading文章标题/span (C) h1文章标题/h1 (D) strong文章标题/strong 2、以下哪个写法符合XHTML要求？ B (A) SPANsome text/SPAN (B) span p=vsome text/span (C) img src=image.jpg title=My Image alt=image (D) input type=checkbox name=checker checked / 3、下列哪个样式定义后，内联元素可以定义宽度和高度 C (A) display:inline (B) display:none (C) display:block (D) display:inheric 4、对于一个div，如果有以下选择器，则哪个选择器的优先级最高？ B (A) div.b.c (B) div#e (C) div.d (D) .a .b div 5、以下代码： var a = 10; function fn(){ alert(2 * a); var a = 20; alert(a); } fn(); 输出结果为？ B (A) 40 20 (B) 20 20 (C) NaN 20 (D) undefined 20 第二部分 填空题（共20分） 1、有上下两个div，上面一个div的margin-bottom为10px，下面一个div的margin-top为5px，那么这两个div垂直间距为 ____10____ px。 2、如果想设置表格单元格之间的边框合并在一起，可以用CSS _ border-collapse 属性设置a:link a:visited a:hover a:active 4、以下语句： var a = parseInt(01); alert(a); var b = parseInt(09/08/2009); alert(b); 输出结果为 _____1____， _____9_____ 第三部分 代码实现（共40分） 1、现有HTML： ul li111111/li li222222/li li333333/li li444444/li /ul CSS： ul {background:green;padding-bottom:10px} li {float:left;background:yellow} 请在不添加额外标签的情况下清除浮动（即使得li的下边框距离容器ul的下边框10像素），写出相关的CSS语句。 .clearfloat:after{display:block;clear:both;content:;visibility:hidden;height:0} .clearfloat{zoom:1} 2、实现以下新闻列表效果图，要求新闻标题过长时，超出部分截断，但时间必须显示完整，使用合理的结构方便程序输出，纯CSS布局，兼容主流浏览器（至少需考虑IE6兼容性）。 （相关数据：总宽度200px，边框1px，内补白10px，字体12px，标题与时间相隔10px，列表高度20px，时间长度大约30px） .news{width:180px;border:?1px?solid?black;?padding:?10px;}.news?li{height:20px;?line-height:?20px;}.title{float:?left;?margin-right:?10px;?max-width:?140px;?overflow:?hidden;?font-size:?12px;}.time{float:?left;width:?30px;?font-size:?12px;}div?class?=?news??ul??lia?class=title标题/a span?class=time