Web前端开发工程师面试题文档格式.docx
《Web前端开发工程师面试题文档格式.docx》由会员分享,可在线阅读,更多相关《Web前端开发工程师面试题文档格式.docx(5页珍藏版)》请在冰豆网上搜索。
C.A:
active{TEXT-DECORATION:
blink}
D.A:
visited{TEXT-DECORATION:
overline}
4.下面代码片段,说法正确的是:
.DIV1{position:
absolute;
line-height:
22px;
height:
58px;
background-color:
#FF0000;
}
A.Line-height:
修饰文本字体大小
B.position:
表示绝对定位,被定位的元素位置固定
C.height:
表示被修饰的元素距离别的元素的距离
D.background-color:
表示被修饰的元素的背景图像
5.用CSS设置DIV的左边为红色实线,下面设置正确的是(C)
A.style=”border-top:
#ff00001solid;
”
B.style=”border-left:
1,#ff0000,solid;
C.style=”border-left:
1#ff0000solid;
D.style=”border-right:
1,#ff0000,dashed;
”
6.下列那个不是CSS选择符(D)
A.pB..tdC.#boxD.shop
7.在CSS的三种选择符中,哪个优先级最高?
(C)
A.标签选择符B.类选择符号C.ID选择符
8.引入样式表的方式有几种?
答:
引入样式表的方式有两种:
方式一经过link引入,如<
linkrel=“stylesheet”Type=“text/css”href=“css.css”>
方法二经过import导入如<
styletype="
text/css"
>
@import"
mystyle.css"
;
<
/style>
9.下面哪一个是css3旋转90度的代码(B)
a)transition:
rotate(90deg)
b)transform:
c)transition(rotate(90))
d)transform:
rotate(90)
10.关于csshack正确的是(A,B,C)
a)CSShack的目的就是使你的CSS代码兼容不同的浏览器。
b)“_”下划线是IE6专有的hack
c)“*”星号是IE6和IE7专有的hack
d)!
importantIE6能够识别
11.如何用CSS分别单独定义IE6、7、8的width属性。
所有浏览器通用height:
100px;
IE6专用_height:
IE6、IE7共用*height:
IE7专用*+height:
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。
二、HTML
1.在Dreamweaver中,在设置各个框架属性时,参数Scroll是用来设置(B)属性的。
A.是否进行颜色设置
B.是否出现滚动条
C.是否设置边框宽度
D.是否使用默认边框宽度
2.若将Dreamweaver中2个横向相邻的单元格合并,则两单元格中文字会(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)<
inputtype=”text”/>
b)<
inputtype=”reset”/>
c)<
inputtype=”search”/>
d)<
inputtype=”hidden”/>
6.与HTML4比较,HTML5废弃了哪些元素(A,B,D)
a)frame
b)applet
c)i
d)big
三、jquery
1.在javascript中,以下哪个变量名是非法的(B)
a)Nameb)9namec)Name_ad)Name9
2.Javascript能够在以下什么地方执行?
a)服务器端的浏览器
b)客户端的浏览器
c)在服务器端的tomcat容器里
d)在客户端的tomcat容器里
3.在javascript中,(B)变量在函数外声明,并可从脚本的任意位置访问
a)局部b)全局c)typeOfd)New
4.关于javascript说法正确的是(B)。
a)它是面向对象的
b)它是基于对象的
c)它是面向过程的
d)以上说法都不正确
5.以下哪条语句会产生运行错误(A,D)
A、varobj=()
B、varobj=[]
C、varobj={}
D、varobj=//
6.在javascript中,下拉列表框的(B)方法可从列表中删除一个元素
a)Add()b)Remove()c)Focus()d)blur()
7.请选择结果为真的表示式(C)
a)nullinstanceofObject
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.列举你工作中遇到的IE6BUG,谈谈解决方案
ie6中不认图片png的透明度,改png为8位的就能够了。
【IE6的疯狂之一】IE6中奇数宽高的BUG:
【IE6的疯狂之二】IE6中PNGAlpha透明:
【IE6的疯狂之三】IE63像素BUG的实例:
【IE6的疯狂之四】IE6文字溢出BUG:
【IE6的疯狂之五】div遮盖select的解决方案:
【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题):
【IE6的疯狂之七】样式中文注释后引发失效:
【IE6的疯狂之八】链接伪类(:
hover)CSS背景图片有闪动BUG:
【IE6的疯狂之九】li在IE中底部空行的BUG:
【IE6的疯狂之十】父级使用padding后,子元素绝对定位的BUG
【IE6的疯狂之十一】!
important在IE6下的一个BUG:
【IE6的疯狂之十二】一个display:
none引起的3像素的BUG:
【IE6的疯狂之十三】IE6下使用滤镜后链接不能点击的BUG: