web前端面试题

Web前端开发工程师面试题

Lt

D

一、CSS.......................................2

二、HTML......................................6

三、jquery....................................8

四、综合.....................................10

一、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;}

-height:22px;修饰文本字体大小

on:absolute;表示绝对定位，被定位的元素位

置固定

:58px;表示被修饰的元素距离别的元素的

距离

ound-color:#FF0000;表示被修饰的元素

的背景图像

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引入，如

Type=“text/css〞href=“〞>

方法二通过import导入如

type="text/css">@import

"";

9.下面哪一个是css3旋转90度的代码〔B〕

a)transition:rotate(90deg)

b)transform:rotate(90deg)

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:100px;

IE6、IE7共用*height:100px;

IE7专用*+height:100px;

IE7、FF共用height:100px!important;

中哪些属性可以同父元素继承。

所有元素可继承：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-collap。

二、HTML

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)

b)

c)

d)

6.与HTML4比拟，HTML5废弃了哪些元素〔A,B,D〕

a)frame

b)applet

c)i

d)big

三、jquery

1.在javascript中，以下哪个变量名是非法的〔B〕

a)Nameb)9namec)Name_ad)Name9

ript可以在以下什么地方执行?(B)

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)toUpperCa()

d)Length//这个是属性不是方法

9.下拉菜单中，用户更改表单元素Select中的值时，就

会调用〔A〕事件处理程序。

a)onChange

b)onFocus

c)onMouOver

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遮盖lect的解决方案：

【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：