Web前端开发工程师面试题

一、CSS (1)
二、HTML (3)
三、jquery (3)
四、综合 (4)
一、C SS
1.CSS样式表根据所在网页的位置，可分为?(B )
A．行内样式表、内嵌样式表、混合样式表
B．行内样式表、内嵌样式表、外部样式表
C．外部样式表、内嵌样式表、导入样式表
D．外部样式表、混合样式表、导入样式表
2.对于标签，其中*代表（C ）
A. 注释的时候才用上
B. 没有这个标签
C. 通配符，意思是所有的标签
3.在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B )
A. A:link{TEXT-DECORATION: underline }
B. A:hover {TEXT-DECORATION: none}
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: #FF0000; 表示被修饰的元素的背景图像
5.用CSS设置DIV的左边为红色实线，下面设置正确的是(C )
A．style=”border-top: #ff0000 1 solid;”
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．p B．.td C．#box D．shop
7.在CSS的三种选择符中，哪个优先级最高?( C )
A．标签选择符B．类选择符号C．ID选择符
8.引入样式表的方式有几种?
答：引入样式表的方式有两种：
方式一通过link引入，如<link rel=“stylesheet”Type=“text/css” href=“css.css”>
方法二通过import导入如<style type="text/css"> @import "mystyle.css";</style>
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专有的hack
c)“*”星号是IE6和IE7专有的hack
d) !important 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。

内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。

块状元素可继承：text-indent和text-align。

列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。

表格元素可继承：border-collapse。

二、H TML
1.在Dreamweaver 中, 在设置各个框架属性时, 参数Scroll 是用来设置（B ）属性的。

A. 是否进行颜色设置
B. 是否出现滚动条
C. 是否设置边框宽度
D. 是否使用默认边框宽度
2.若将Dreamweaver中２个横向相邻的单元格合并，则两单元格中文字会（A ）
A．文字合并B．左单元格文字丢失C．右单元格文字丢失D．系统出错
3.下列标签可以不成对出现的是（B）
A．〈HTML〉〈/HTML〉
B．〈P〉〈/P〉
C．〈TITLE〉〈/TITLE〉
D．〈BODY〉〈/BODY〉
4.关于Document对象，下列叙述正确的是（AC ）
a)Document对象表示浏览器中显示的HTML文档
b)Document对象的常用属性bgcolor用来设置文档的背景图片
c)Document对象的常用方法getElementById（）用于访问唯一的一个元素
d)Document对象的常用方法getElementByNames（）
5.下面哪一个是html5新增的类型（C）
a) <input type=”text” />
b) <input type=”reset” />
c) <input type=”search” />
d) <input type=”hidden” />
6.与HTML4 比较，HTML5 废弃了哪些元素（A, B, D）
a) frame
b)applet
c) i
d) big
三、j query
1.在javascript 中，以下哪个变量名是非法的（B ）
a)Name b)9name c)Name_a d)Name9
2.Javascript可以在以下什么地方执行?(B )
a)服务器端的浏览器
b)客户端的浏览器
c)在服务器端的tomcat容器里
d)在客户端的tomcat容器里
3.在javascript中，( B )变量在函数外声明，并可从脚本的任意位置访问
a)局部b)全局c)typeOf d)New
4.关于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)null instanceof Object
b)null === undefined
c)null == undefined
d)NaN == NaN
8.在javascript中，String 对象的方法不包括（D ）。

a)charAt()
b)substring()
c)toUpperCase()
d)Length //这个是属性不是方法
9.下拉菜单中，用户更改表单元素Select中的值时，就会调用（A ）事件处理程序。

a)onChange
b)onFocus
c)onMouseOver
d)onClick
四、综合
1.目前支持html5和css3的主流浏览器有（b,c,d,e）
a) ie8, ie9,ie10,ie11
b) chrome
c) firefox
d) 360浏览器
e) opera
2. 列举你工作中遇到的IE6 BUG，谈谈解决方案
ie6中不认图片png 的透明度，改png为8位的就可以了。