WEB前端开发工程师面试题

1、一、CSS1二、HTML3三、jquery3四、综合4一、 CSS1. CSS样式表根据所在网页的位置，可分为?(B )A 行内样式表、内嵌样式表、混合样式表B行内样式表、内嵌样式表、外部样式表C 外部样式表、内嵌样式表、导入样式表D 外部样式表、混合样式表、导入样式表2. 对于标签，其中 *代表（ C ）A. 注释的时候才用上B. 没有这个标签C. 通配符，意思是所有的标签3.在 CSS 中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B )A. A:linkTEXT-DECORATION: underline B. A:hover TEXT-DECORATION: none

2、C. A:active TEXT-DECORATION: blink D. A:visited TEXT-DECORATION: overline 4. 下面代码片段，说法正确的是 :(B ).DIV1 position:absolute; line-height:22px;height:58px;background-color: #FF0000; A. Line-height:22px;修饰文本字体大小B. position:absolute;表示绝对定位，被定位的元素位置固定C. height:58px;表示被修饰的元素距离别的元素的距离D. background-color: #FF0

3、000;表示被修饰的元素的背景图像5.用 CSS 设置A style=DIV 的左边为红色实线，下面设置正确的是” border-top: #ff0000 1 solid;”(C )B style=”border-left: 1, #ff0000 ,solid;”C style=”border-left: 1 #ff0000 solid;”D style=”border-right: 1, #ff0000, dashed;”6. 下列那个不是 CSS 选择符 (D )A pB .tdC #boxD shop7. 在 CSS 的三种选择符中，哪个优先级最高A 标签选择符B类选择符号?(C)C I

4、D 选择符8. 引入样式表的方式有几种 ? 答：引入样式表的方式有两种：方式一通过link 引入，如 link rel=“stylesheet”Type=“text/css”href =“css.css方法二通过import导入如 import mystyle.css;”9. 下面哪一个是 css3 旋转 90 度的代码（ B）a) transition :rotate(90deg)b) transform:rotate(90deg)c) transition( rotate(90)d) transform:rotate(90)10. 关于 css hack 正确的是（ A,B,C ）a) C

5、SS hack 的目的就是使你的CSS 代码兼容不同的浏览器。b) “ _”下划线是 IE6 专有的 hackc)“ *”星号是IE6 和 IE7 专有的 hackd) !importantIE6 可以识别11. 如何用 CSS 分别单独定义 IE6、 7、 8 的 width 属性。所有浏览器通用height: 100px;IE6 专用_height: 100px;IE6、 IE7 共用*height: 100px;IE7 专用*+height: 100px;IE7、 FF 共用height: 100px !important;12. CSS 中哪些属性可以同父元素继承。所有元素可继承： v

6、isibility 和 cursor 。内联元素可继承： letter-spacing 、word-spacing 、white-space 、line-height 、color 、font 、 font-family 、font-size 、font-style 、 font-variant、 font-weight、 text- decoration、 text-transform块状元素可继承：text-indent和 text-align 。列表元素可继承：list-style 、 list-style-type、 list-style-position、 list-style-im

7、age。、 direction。表格元素可继承：border-collapse。二、 HTML1.在 Dreamweaver中, 在设置各个框架属性时, 参数 Scroll是用来设置（B ）属性的。A. 是否进行颜色设置B. 是否出现滚动条C. 是否设置边框宽度D. 是否使用默认边框宽度2.若将 Dreamweaver 中个横向相邻的单元格合并，则两单元格中文字会（A ）A文字合并B左单元格文字丢失C右单元格文字丢失D系统出错3.下列标签可以不成对出现的是（B）A HTML /HTML B P /PC TITLE /TITLED BODY /BODY 4. 关于 Document 对象，下列叙

8、述正确的是（ AC ） a)Document 对象表示浏览器中显示的 HTML 文档 b)Document 对象的常用属性 bgcolor 用来设置文档的背景图片c)Document 对象的常用方法 getElementById （）用于访问唯一的一个元素 d)Document 对象的常用方法 getElementByNames （）5. 下面哪一个是 html5 新增的类型（ C）a) b) c) d) 6.与 HTML4比较， HTML5废弃了哪些元素（A, B, D ）a) frameb) appletc) id) big三、 jquery1.在 javascript中，以下哪个变量名是

9、非法的（B ）a)Nameb)9namec)Name_ad)Name92. Javascript 可以在以下什么地方执行 ?(B ) a)服务器端的浏览器b) 客户端的浏览器c)在服务器端的tomcat 容器里d) 在客户端的tomcat 容器里3. 在 javascript 中， ( B )变量在函数外声明，并可从脚本的任意位置访问a)局部b) 全局c)typeOfd)New4. 关于 javascript 说法正确的是（ B ）。a)它是面向对象的b) 它是基于对象的c)它是面向过程的d) 以上说法都不正确5. 以下哪条语句会产生运行错误 (A， D ) A、 var obj = ()B、

10、 var obj = C、 var obj = D、 var obj = /6. 在 javascript 中，下拉列表框的（ B ）方法可从列表中删除一个元素a)Add( )b)Remove( )c)Focus( )d)blur （）7. 请选择结果为真的表达式 (C ) a)null instanceof Object b)null = undefinedc)null = undefined d)NaN = NaN8. 在 javascript 中， String 对象的方法不包括（ D ）。a)charAt()b)substring()c)toUpperCase()d)Length/ 这

11、个是属性不是方法9. 下拉菜单中，用户更改表单元素 Select 中的值时，就会调用（ A ）事件处理程序。 a)onChangeb)onFocusc)onMouseOverd)onClick四、 综合1. 目前支持 html5 和 css3 的主流浏览器有（ b,c,d,e ）a) ie8, ie9,ie10,ie11b) chromec) firefoxd) 360 浏览器e) opera2. 列举你工作中遇到的 IE6 BUG，谈谈解决方案ie6 中不认图片 png 的透明度，改 png 为 8 位的就可以了。【 IE6 的疯狂之一】 IE6 中奇数宽高的 BUG ：【 IE6 的疯狂之二】 IE6 中 PNG Alpha 透明：【 IE6 的疯狂之三】 IE6 3 像素 BUG 的实例：【 IE6 的疯狂之四】 IE6 文字溢出 BUG ：【 IE6 的疯狂之五】 div 遮盖 select 的解决方案：【 IE6 的疯狂之六】 li 在 IE 中底部 3 像素的 BUG （增加浮动解决问题）：【 IE6 的疯狂之七】样式中文注释后引发失效：【 IE6 的疯狂之八】链接伪类（ :hover ） CSS 背景图片有闪动 BUG ：【 IE6