Web前端开发工程师面试题

1、1、 CSS 12、 HTML 33、 jquery 34、 综合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: non

2、eC. 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: #FF00

3、00;表示被修饰的元素的背景图像5 .用CSS设置DIV的左边为红色实线，下面设置正确的是(C )A. style=bo-dop: #ff0000 1 solid;B.style= boFdsft: 1, #ff0000 ,solid;C.style= bo-defr： 1 #ff0000 solid;D.style=bo-dight: 1, #ff0000, dashed;6,下列那个不是CSS选择符(D )A. p B. .td C. #box D. shop7.在CSS的三种选择符中，哪个优先级最高?( C )A.标签选择符B.类选择符号C. ID选择符8,引入样式表的方式有几种？答：引

4、入样式表的方式有两种：方式一通过 link 弓I入，如 方法二通过 import 导入 0 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) CSS hack的目的就是使你的CSS代码兼容不同的浏览器。b) “_”下划线是IE6专有的hackc) “*”星号是IE6和IE7专有的hackd) !imp

5、ortant IE6 可以识别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中哪些属性可以同父元素继承。所有元素可继承：visibility 和cursor。、font-family、direction 。内联元素可承：letter-spacing word-spacing white-space line-hei

6、ght 、color、font font-size、font-style 、font-variant 、font-weight 、text- decoration 、text-transform 、 块状元素可继承：text-indent 和text-align 。歹U表元素可承： list-style、 list-style-type 、 list-style-position 、 list-style-image 。 表格元素可继承：border-collapse 。HTML1.在Dreamweaver 中，在设置各个框架属性时,参数Scroll是用来设置(B )属性的。A.是否进行颜色设

7、置B.是否出现滚动条C.是否设置边框宽度D.是否使用默认边框宽度2 .若将Dreamweaver中2个横向相邻的单元格合并，则两单元格中文字会( A )A.文字合并B.左单元格文字丢失C.右单元格文字丢失D.系统出错3 .下列标签可以不成对出现的是( B)A . HTML /HTML 8. /PC.TITLE/TITLED.BODY/BODY4 .关于Document 对象，下列叙述正确的是( AC )a)Document对象表示浏览器中显示的 HTML文档b)Document对象的常用属性bgcolor用来设置文档的背景图片c)Document对象的常用方法 getElementById (

8、)用于访问唯一的一个元素d)Document 对象的常用方法 getElementByNames ()5 .下面哪一个是 html5新增的类型(C)a) b) c) d) 6 .与HTML4 比较，HTML5废弃了哪些元素(A, B, D )a) frameb) appletc) id) big三、jquery1 .在javascript中，以下哪个变量名是非法的( B )a)Name b)9namec)Name ad)Name92 . Javascript可以在以下什么地方执行 ？(B )a)服务器端的浏览器b)客户端的浏览器c)在服务器端的tomcat容器里d)在客户端的tomcat容器里

9、3 .在javascript中，(B )变量在函数外声明，并可从脚本的任意位置访问a)局部b)全局 c)typeOf d)New4 .关于javascript说法正确的是(B )。a)它是面向对象的b)它是基于对象的c)它是面向过程的d)以上说法都不正确5 .以下哪条语句会产生运行错误(A, D )A、var obj =()B、var obj =C、var obj = D、var obj = /6 .在javascript中，下拉列表框的(B )方法可从列表中删除一个元素a)Add( ) b)Remove( )c)Focus( )d)blur ()7 .请选择结果为真的表达式(C )a)nul

10、l instanceof Objectb)null = undefinedc)null = undefinedd)NaN = NaN8 .在javascript中，String 对象的方法不包括(D )。a)charAt()b)substring()c)toUpperCase()d)Length这个是属性不是方法9 .下拉菜单中，用户更改表单元素Select中的值时，就会调用(A )事件处理程序。a)onChangeb)onFocusc)onMouseOverd)onClick四、综合1 .目前支持html5和css3的主流浏览器有(b,c,d,e)a) ie8, ie9,ie10,ie11b

11、) chromec) firefoxd) 360浏览器e) operaf) 列举你工作中遇到的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背景图片有闪