2015年6月10日一家金融公司前端面试题

1、z-index属性设置元素的堆叠顺序。但z-index仅能在定义的css中有position属性值为absolute、relative或fixed情况下生效。

2、img标签中使用alt属性的作用是：图像的替代文本，如果图片没有加载成功，以文本代替图像显示。

3、overflow属性的五个值：visible、hidden、scroll、auto、inherit。

4、a标签的4个伪类在实际应用中的书写书序是：:link ，:visited ，:hover ，:active。

5、顶部固定导航是使用css属性position:fixed实现的。

6、填写两句js代码，改变超链接的URL为“creditease.cn”、背景颜色为绿色。

7、Jquery实现淡入效果，需要使用的方法是：fadeIn() 淡入，fadeOut()淡出

8、把jquery对象var $cr转换为DOM对象：

var $cr = $("#cr");//jQuery对象 var cr= $cr[0] //DOM对象

9、请写出5个html5的语义标签：<section></section>  <article></ article> <aside></ aside>

   <nav></nav> <figure></ figure>

10、css sprite（图片精灵）解释

    CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置

11、DTD解释：

 DTD 是一套关于标记符的语法规则。它是XML1.0版规格得一部分,是html文件的验证机制,属于html文件组成的一部分。

12、 display:none和visibility:hidden的相同点和不同点是什么？

     相同点：display:none和visible:hidden都有把网页上某个元素隐藏起来的功能。

     不同点：visibility:hidden--为隐藏的对象保留其物理空间

display: none--不为被隐藏的对象保留其物理空间

13、什么是语义化？语义化有什么好处？

什么是语义化？

语义化的HTML就是写出的HTML代码，符合内容的结构化（内容语义化），选择合适的标签（代码语义化），能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好的解析。

语义化好处：

1、  有利于SEO，有利于搜索引擎爬虫更好的理解我们的网页，从而获取更多的有效信息，提升网页的权重。

2、  在没有css的时候能够清晰的看出网页的结构，增强可读性。

3、  便于团队开发和维护，语义化的HTML可以让开发者更容易的看明白，从而提高团队的效率和协调能力。

4、  支持多终端设备的浏览器渲染。

继续阅读：web前端开发  web前端面试题  

原创文章请注明转载自杭州WEB前端外包网站本文地址：http://hz.35ui.cn/post/34.html，标题：2015年6月10日前端面试题