Web前端开发工程师面试题
![Web前端开发工程师面试题](https://img.360docs.net/imgea/1rd8dy46k3s1rrtmn4eptj6hqaxiekky-a1.webp)
![Web前端开发工程师面试题](https://img.360docs.net/imgea/1rd8dy46k3s1rrtmn4eptj6hqaxiekky-42.webp)
一、CSS (1)
二、HTML (3)
三、jquery (3)
四、综合 (4)
一、CSS
1. CSS样式表根据所在网页的位置,可分为?(B )
A .行内样式表、内嵌样式表、混合样式表
B. 行内样式表、内嵌样式表、外部样式表
C. 外部样式表、内嵌样式表、导入样式表
D ?外部样式表、混合样式表、导入样式表
2. 对于标签,其中*代表(C )
A. 注释的时候才用上
B. 没有这个标签
C. 通配符,意思是所有的标签
3. 在CSS中下面哪种方法表示超链接文字在鼠标经过时,超链接文字无下划线?(B )
A. A:li nk{TEXT-DECORATION: un derli ne }
B. A:hover {TEXT-DECORATION: none}
C. A:active {TEXT-DECORATION: bli nk }
D. A:visited {TEXT-DECORATION: overline }
4. 下面代码片段,说法正确的是:(B )
.DIV1 { positio n:absolute;
li ne-height:22px;
height:58px;
backgrou nd-color: #FF0000; }
A. Line-height:22px;修饰文本字体大小
B. position:absolute;表示绝对定位,被定位的元素位置固定
C. height:58px;表示被修饰的元素距离别的元素的距离
D. backgrou nd-color: #FF0000; 表示被修饰的元素的背景图像
5. 用CSS设置DIV的左边为红色实线,下面设置正确的是(C )
A. style= ” bo-dtep: #ffOOOO 1 solid; ”
B. style= ” bo-dfeft: 1, #ffOOOO ,solid;
” C. style= ” bo-deft: 1 #ff0000 solid;
” D. style= ” bo-dieht: 1, #ffOOOO, dashed;
” 6. 下列那个不是CSS 选择符(D )
A. p
B. .td C . #box D . shop
7. 在CSS 的三种选择符中,哪个优先级最高 ?( C )
A .标签选择符
B .类选择符号
C . I
D 选择符 8. 引入样式表的方式有几种 ?
答:引入样式表的方式有两种:
方式一通过 link 弓 |入,女口
方法二通过 import 导入 如
9. 下面哪一个是 css3旋转90度的代码(B )
a) transition :rotate(90deg)
b) transform:rotate(90deg)
c) transition( rotate(90))
d) tran sform: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 、f ont 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 。、font-family 、 direct ion 。
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对象的常用方法getElementByld ()用于访问唯一的一个元素
d)Docume nt 对象的常用方法getEleme ntByNames ()
5. 下面哪一个是html5新增的类型(C)
a)
c)
d)