腾讯校园招聘前端实习生面试题

　　一、 耐心填一填!(每空4分，共24分)

　　1. 为div设置类a与b,应编写HTML代码 ___________。 求职面试

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

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

　　4. CSS属性 _____margin_______可为元素设置外补丁。 面试问题

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

面试问题

　　6. 文字居中的CSS代码是 ____text-align:center________。 礼仪

　　二、 精心选一选!(每题4分，共16分)

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

求职面试

　　A. display:inline B. display:none C. display:block D. display:inheric 求职面试

　　2. 选出你认为最合理的定义标题的( C ) 礼仪

　　A. 标题 求职信息

　　B. qzm4

　　文章标题

求职信息

　　C. 面试问题

　　文章标题 面试网

　　D. 文章标题 求职面试

　　3. br标签在XHTML中语义为( A )

　　A.换行 B.强调 C.段落 D.标题 求职信息

　　4. 不换行必须设置( AC )

求职信息

　　请持单位介绍信或有关证明、营业执照复印件前来报到。每个展位限代表两人;建议参会单位自备布展材料，规格不超过70cm×100cm。 求职信息

　　A.word-break B.letter-spacing C.white-space D.word-spacing

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

　　A. cellpadding=”0″ B. padding:0 C. margin:0 D. cellspacing=”0″

　　三、判断对或错! (每题4分，共24分)

求职信息

　　和公务员的完全不是一个概念，题干都很长，每题5个选项，都不是那种一看就能选出答案的。总之非常连，不知道拿给那些大记者做能做出几道来，反正这个我不擅长。

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

面试问题

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

　　随着全国高职院校的扩招，以及近几年经济发展的状况，高职毕业生的就业形势日趋严峻，就业竞争的压力日益增大。应对这样一个大的形势，为了给职院学子一个社会实践的机会，提高职院学生在未来求职道路上的竞争力，同时也为企业与学校、学生开展更广泛的交流建立一个平台，学院团委、招生就业处拟举办校园模拟招聘会。

qzm4

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

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

　　完善的培训机制，解除你的生手之忧。以业绩为主透明，公平的良性竞争环境，能力决定实力。实习结束后我行会对实习生实习期间的表现予以考核，表现优异的同学将于优先聘用为正式行员。

　　5. display:inline兼容所有的浏览器。 ( √ ) 求职面试

　　6. input属于窗体元素,层级显示比flash、其它元素都高。 ( × ) 面试网

　　四、用心想一想，你一定是中的智者! (每题9分，共36分)

qzm4

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

求职面试

　　答：

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

求职面试

　　a) 代码一：

　　border-width:1px; border-color:#000; border-style:solid;

　　b) 代码二：

　　background-position:0 0; background-repeat:no-repeat; background-attachment:fixed; background-color:#f00; background-image:url(background.gif);

　　c)代码三：

qzm4

冶金工程、材料学，电气类、机械类相关专业，化学及化学工程、热能与动力工程、土木工程、采矿、计算机科学技术

面试网

　　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; 求职信息

　　答： 求职面试

　　代码一：border:1px #000 solid;

　　代码二：background: #f00 url(background.gif) no-repeat fixed 0 0;

求职面试

　　代码三：font:italic bold small-caps 1em/140% "lucida Grande",sans-serif;

面试网

　　代码四：list-style: url(image.gif) square inside; 面试问题

　　代码五：margin:20px 20px 5px 20px;

　　代码六：color:#369;color:#fc0; 礼仪

　　3. 修改以下代码，使其结构更加合理以及符合W3C标准。(XHTML 1.0 Strict) 求职面试

　　代码： qzm4

<div> <h2>Don’t buy these electronics used</h2> Money may be tight, but you may kick yourself for purchasing these electronics secondhand. <br /> Even when the price is low, the risk may be too high. <br /> <p><img src=../../”album.jpg”></p> <p> <a HRef=../../”home.html” target=”_blank”>home</a> <a href=../../”content.html” target=”_blank”>content</a> </p> </div> 求职信息

　　答：

qzm4

<div>  <h2>Don’t buy these electronics used</h2>  <p> Money may be tight, but you may kick yourself for purchasing these electronics secondhand. </p>  <p>Even when the price is low, the risk may be too high.</p>  <img src="Li4vLi4vYWxidW0uanBn" alt="YWxidW0=" />  <ul>    <li><a HRef="../../home.html" rel="external" title="aG9tZQ==">home</a></li>    <li><a href="../../content.html" rel="external" title="Y29udGVudA==">content</a></li>  </ul></div> 求职信息

　　给出两对标题，指出你认为适合网络的标题，说原因。其中一对是“北京第一大姓是什么”“北京第一大姓是王”

　　算法设计题 给定N是一个正整数，求比N大的最小“不重复数”，这里的不重复是指没有两个相等的相邻位，如1102中的11是相等的两个相邻位故不是不重复数，而12301是不重复数。 礼仪

　　高中阶段学习成绩优秀，综合成绩位于年级前20%，学业水平测试主要科目(文科包括语文、数学、外语、历史、政治、地理，理科包括语文、数学、外语、物理、化学、生物)学业水平测试成绩均为优秀(A等级)，其他各科成绩全部达到良好(B等级)以上，且综合素质评价结果为良好(B等级)以上者;

面试网

　　4. 简述border:none以及border:0的区别，并给出使用建议。

面试问题

　　答：border:none表示边框样式无,border:0表示边框宽度为0;当定义了border:none,即隐藏了边框的显示,实际就是边框宽度为0.

　　当定义边框时,必须定义边框的显示样式.因为边框默认样式为不显示none,所以仅设置边框宽度,由于样式不存在,边框的宽度也自动被设置为0. 求职面试

　　五、勇气拼一拼，让你超越别人的加分来了! (不限于一种方法，共30分)

求职信息

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

  qzm4

　　十字架

面试问题

　　要求： 求职信息

　　1.使用2个div完成 求职面试

　　2.使用3个div完成 求职信息

　　3.使用5个div完成 礼仪

　　答案： 面试问题

　　1.使用2个div完成

礼仪

　　片段阅读是银行考试中的必考题型，这类题型所占分值较大，但是广大考生在复习过程中若能掌握解题技巧和方法，洞悉命题人的命题思路，是可以在短时间内迅速片段阅读能力的，从而为自己争取一次宝贵的就业机会。 面试问题

　　2.使用3个div完成

求职面试

　　3.使用5个div完成

面试问题

声明：腾讯校园招聘前端实习生面试题来源于互联网，其版权均归原作者及其网站所有，本站虽力求保存原有的版权信息，但由于诸多原因，可能导致无法确定其真实来源，如果您对本站文章、图片资源的归属存有异议，请立即通知我们，情况属实，我们会第一时间予以删除，并同时向您表示歉意！