前端精英班入学测试题
Name:_________ Score_________ 努力奋斗
选择题每题1.5分，共计45分；代码题每题4分，共计24分；简答题每题2分，共计16分，填空题每题1.5，共15分;
一、单选题（每题1.5分）请把答案写到答题卡上
1. 下面哪个选项是定义文档类型的标签（）
(A) head
(B) html
柠檬的作用与功效
(C) Doctyp e
(D) body
2. 下面哪一项不是meta标签的作用()
(A) 指定网页所使用的编码格式
(B) 设置网页关键字
(C) 设置网页文档类型
(D) 设置网页使用的语言
3. 当网页无法正常显示图片时，可以通过哪种方式对该图片进行描述()
(A)设置alt属性
(B)设置titl e属性
(C)设置href属性
(D) 以上都不可以
4.
班尼路怎么样在上面结构中，哪种写法可以在inde x页面中有输出1.jpg(a)
(A) <img src=”./1/2/1.jpg” />
(B) <img src=”../1/2/1.jpg” />
(C) <img src=”1/2/1.jpg” />
(D) <img src=”1.jpg” />
5. 下面哪些代码注释不起作用？（）
(A)
(B)
(C)
(D)
肥肥的瓜6. 哪个标签属于块级元素？()
(A) font (B) link
(C) div (D) span
7. 给文本输入框设置默认值a dmin的是下面哪个选项？ ()
(A) <inputtype=”submit” value=”admin” />
(B) <inputtype=”textar ea”name=”admin” />
(C) <inputtype=”text” value=”admin” />
(D) <inputtype=”button” value=”admin” />
8. 设置单选控件默认被选中的是哪个？（）
(A) <input type=”radio” lect=”lect”>
(B) <input type=”checkb ox” lect=”lect”/>
(C) <input type=”radio” lect ed=”lect ed”>
(D) <input type=”radio” checke d=”checke d”>
9.通过哪个标签可以给表格设置表格头部？（）
(A) <h1></h1>
(B) <th></th>
(C) <td></td>调节心情
(D) <captio n></captio n>
10.两个相邻元素都设置了m a rgin属性以后，会发生（）
(A) 外边距合并;
(B) 内边距合并;
(C) 内容合并;
(D) 不确定;
11.在页面中设置一个div元素水平居中对齐，应设置元素的C SS为（）
(A) vertic al-align:middle;
(B) margin:0 auto;
(C) backgr ound-positi on:center;
(D) 不确定;
12.将块级元素转化为行内元素的方式是？（）
(A) displa y:inline
(B) displa y:block
(C) displa y:inline-block
(D) 以上都不是
13.关于font属性联写描述正确的是（）
(A) font属性中font-size和f o nt-family先后顺序可以调换
(B) font-weight属性是用来设置字体是否为斜体显示的
(C) font-style属性是用来设置字体是否为斜体显示的
(D) 该属性中必须有font-size 和 line-height
14.关于 .box #one描述正确的是（）
(A) 将html页面中所有类名叫box和one的标签选中并设置样式
(B) 将html页面中类名叫b ox和o n e的标签选中并设置样式
(C) 将html页面中类名叫b ox的标签里面的子元素类名叫o ne的标签选中并设置样式
(D) 将html页面中类名叫b ox的标签里面的子元素id名叫one的标签选中并设置样式
15.精灵图技术主要是通过C S S中的（）属性对精灵图片进行操作
(A) backgr ound-attach ment;中老年保健
描写儿童的古诗(B) backgr ound-color;
(C) backgr ound-positi on;
(D) 不确定;
16. “相对定位”是相对何者定位？
(A) 离自己最近的已经定位了的父盒子
(B) 页面版心
(C) 浏览器窗口的左上角
(D) 元素未设置定位时候的位置
17.如果希望一行上的文字与图片垂直居中对齐，可以设置哪个属性：
(A) margin: 0 auto;
(B) text-aline：center
(C) vertic al-align: middle
(D) float: left
18.设置a标签的伪类，我们必须按照一定的顺序来设置，正确的顺序是？()
(A) link visite d active hover
(B) link visite d hoveractive
(C) visite d link hoveractive
(D) visite d link active hover
19.计算盒子模型的宽度不计算下面哪个属性：
(A) border
(B) paddin g
(C) margin
(D) width
20.解决外边距塌陷方法是？（）
(A)给父盒子设置透明边框
(B)给父盒子设置d ispl ay: block
(C) 给父盒子设置c lear:both
(D) 给父盒子设置p addi n g值
21.在这么一个结构，如果要让on e盒子在左侧显示，two盒子在右侧显示，那么css代码应该是：（）
(A) .one {float: left} .two {float: right}
(B) .one {float: left} .two {float: left}
(C) .one {float: right} .two {float: right}
(D) .one {float: right} .two {float: left}
22.paddin g：10px 20px 30px 的设置的顺序是：（）
(A)上 10px、右 20px、左30px、下 30px
(B)上 10px、下 20px、左30px、右 30px
(C) 下 30px、上 20px、左10px、右10px
(D) 上 10px、右 20px、下30px、左20px
23.以下哪些操作不会脱离流
(A) 浮动
取消高考
(B) 相对定位
(C) 绝对定位
(D) 固定定位
24.在javas cript中不存在哪些数据类型
(A) string
(B) number
(C) boolea n
(D) int
25.输出的结果是什么？
(A) 123123
(B) 246
(C) 123
(D) 以上都不正确
26.下列名称中，能作为变量名的是（）
(A) 1name
(B) this
(C) &function
(D) pArray
27.var a=10; b=20; var d=++b+a++ ; consol e.log(d)；控制台显示的结果是()
(A)33
(B)31
(C)32
(D)以上都不对
28.Var n1=”123”; var n2=123; var c=n1-n2; alert(c); 结果是（）
(A) NaN
(B ) 123123
(C) 0
(D) 都不对
29. 获取数组中元素的个数（数组长度），是哪个属性？（）
(A) count
(B) length
(C) concat()
(D) 以上都不对
30. 关于brea k与con tinue描述正确的是（）
(A)break语句只有在s witch语句中才能用
(B)当在循环语句中，代码遇到br eak程序会立马跳出本次循环进入到下一次循环中
(C)当在循环语句中，代码遇到co ntinu e程序会立马结束当前循环
(D)当在swit ch语句中，代码遇到br eak程序会马上结束当前switch判断
双网卡二、简答题（每题2分）
1. 有id、类选择器、标签选择器优先级的计算公式是什么？行内样式和！import ant哪个优先级高？
2. 行内元素和块级元素的具体区别是什么？两种元素的p a ddin g和mar gin可设置吗？
3.请写出解决外边距合并导致父盒子“塌陷”的几种解决方式
4.请写出清除浮动的几种方式
5.请写出将数字转化为字符串的几种方法
6. 例举3种强制类型转换和2种隐式类型转换?
7.请写出写出o v erfl ow:hidden displa y:none visibi lity:hidden之间的区别
8.position的值有哪些？ relative和ab solut e定位原点是？
三、填空题（每题1.5分）
1.页面中有一个d iv表签，该标签中包含了一个段落表p。通过css样式设置如下：
div{
font-size: 20px;
line-height:20;
}
p{
Font-size:30px;
}
请问p标签中的行高值为____600px____________
2.如何将表单元素中轮廓线去掉？通过设置___________________
3.请回答下面的盒模型的真实宽度是多少？_______________
1div{
2width: 100px;
3height: 100px;
4paddin g:10px 20px 30px;
5maring:10px;
6border-left:1px solidred;
7}
4. Js中可以对一个小数进行向上取整的方法是哪个？________________
5.将两个数组进行合并的方法是？__________________
6. 在背景属性中，让背景图片固定显示如何设置？________________
7. 图片中的ti tle 是_______________ alt是_________________。
8. CSS中，清除浏览器所有标签默认样式是____________________________。
9.Join() 方法的作用是_________________________。
10.在js中赋值运算符是____________只判断两个变量的内容是否相同通过__________
四、代码题（每题4分）
1.请使用代码在页面中打印出如下图形：
2.求数字1到100之间所有是3倍数的数字之和
