Web前端开发工程师面试题.docx

Web前端开发工程师面试题.docxWeb前端开发工程师面试题
一、 CSS 1
二、 HTML 2
三、 jquery 3
四、 综合 4
CSS
CSS样式表根据所在网页的位置，可分为?(B )
A．行内样式表、内嵌样式表、混合样式表
B．行内样式表、内嵌样式表、外部样式表
C．外部样式表、内嵌样式表、导入样式表
D．外部样式表、混合样式表、导入样式表
对于标签，其中*代表（ C ）
A.
注释的时候才用上
B. 没有这个标签
C. 通配符，意思是所有的标签
在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 }
下面代码片段，说法正确的是:(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; 表示被修饰的元素的背景图像
用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;”
下列那个不是CSS选择符(D )
A．p B．.td C．#box D．shop
在CSS的三种选择符中，哪个优先级最高?( C )
A．标签选择符 B．类选择符号 C．ID选择符
引入样式表的方式有几种?
答：引入样式表的方式有两种：
方式一通过link引入，如<link rel=“stylesheet” Type=“text/css” href=“”>
方法二通过import导入 如<style type="text/css"> ***@import "";</style>
下面哪一个是css3旋转90度的代码（B）
a) transition:rotate(90deg)
b) transform:rotate(90deg)
c)
transition(rotate(90))
d) transform:rotate(90)
关于css hack正确的是（A,B,C）
a) CSS hack的目的就是使你的CSS代码兼容不同的浏览器。
b)“_”下划线是IE6专有的hack
c)“*”星号是IE6和IE7专有的hack
d) !important IE6可以识别
如何用CSS分别单独定义IE6、7、8的width属性。
所有浏览器通用 height: 100px;
IE6专用 _height: 100px;
IE6、IE7共用 *height: 100px;
IE7专用 *+height: 100px;
IE7、FF共用 height: 100px !important;
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-imag