前端开发入学考试考题1.doc

前端开发入学考试考题1

资料仅供参考
前端精英班入学测试题

Name:___满分_____ Array_________ Score_________

选择题每题2分，共计70分；代码题每题4分，共计20分;简答题每题6分，共计30分;
选择题和代码题主要考查的基本知识点的理解，而简答题主要考查表示能力.

一、单选题 （每题2分）
1. 下面标签中不属于html结构标签的是：d
(A) DOCTYPE
(B) html
(C) title
(D) div
2. 下面哪一项不是mate标签的作用 d
(A) 描述页面的内容
(B) 提高页面关键字的权重
(C) 页面使用的编码
(D) 管理页面上因此的标签
3. 下面哪些操作内容能够在html中被有html代码中被识别：A
(A) 一个空格 
(B) 一个换行
(C) 一个缩进 
(D) 以上都不能够
4.

在上面结构中，哪种写法能够在index页面中有输出img.gif B
(A) <img src=”../image/img.gif” />
(B) <img src=”image/img.gif” />
(C) <img src=”image../img.gif” />
(D) <img src=”img.gif/image” />
5. 下面哪些代码不能成功注释？ D
(A)
(B)
(C)
(D)
6. 哪些标签在页面上没有语义的 D
(A) p (B) h
(C) input (D) span
7. 下面哪段代码能够在页面上显示一个输入框，而且默认输入框上的文字是”admin” C
(A) <input type=”text” />
(B) <input type=”text” name=”admin” />
(C) <input type=”text” value=”admin” />
(D) <input type=”text” id=”admin” />
8. 下面哪些标签不属于表单元素：D
(A) <input type=”text” />
(B) <input type=”button” />
(C) <textarea></textarea>
(D) <div></div>
9.一个盒模型，它有如下属性。那么，它真实占有的宽度是多少？D
1 width:200px;
2 height:200px;
3 border:1px solid red;
4 padding:10px 20px;
(A) 200px;
(B) 202px;
(C) 222px;
(D) 242px;
10. “相对定位”是相对何者定位？B
(A) 离自己最近的已经定位了的祖先盒子
(B) 自己原来的位置
(C) 浏览器窗口的左上角
(D) 页面版心
11. css的三种样式中哪种样式的优先级最高：A
(A) 行内样式
(B) 内联样式
(C) 外部样式
(D) 三种样式优先级一样
12. 下面为块级元素标签的是A
（A） div （B） span （C）strong （D） em
13. 如何让一个div的显示方式与span标签一样的 B
(A) display: block
(B) display: inline
(C) display: inline-block
(D) display: block-inline
14. 在w3c中规定html决定页面的：A
(A) 结构
(B) 样式
(C) 行为
(D) 以上都不正确
15. 下面哪些不属于css的特点 A
(A) 封装
(B) 继承
(C) 层叠
(D) 优先级

16. 下面的代码与结果中，哪个是正确的 A
(A) 行高为19
(B) 颜色为红色
(C) 大小为20px
(D) 以上结果都正确
17. 如果希望一行上的文字与图片居中对齐，能够设置哪个属性：C
(A) margin: 0 auto;
(B) text-aline：center
(C) vertical-align: middle
(D) float: left
18. 伪类的排序正确的是：B
(A) link visited active hover
(B) link visited hover active
(C) visited link hover active
(D) visited link active hover
19. 计算盒子模型的宽度不计算下面哪个属性：C
(A) border
(B) padding
(C) margin
(D) width
20. 下面哪段代码会出现盒子的“塌陷”现象：A
(A)
(B)
(C)
(D) 没有正确答案
21. 下面哪种写法会选中p标签：C
(A) p .father p .son
(B) .father p .son
(C) div.father .son
(D) p.father p.son

22. 有这样一个结构，判断下面哪个说法是不正确的A
(A) 文字的颜色为蓝色
(B) 文字的颜色为蓝色
(C) 文字的颜色为蓝色
(D) 文字的颜色为蓝色

23. 在这么一个结构，如果要让one盒子在左侧显示，two盒子在右侧显示，那么css代码应该是：A
(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}
24. 以下哪个结果是NaN？C
(A) var a=“123”;var b=123 ;alert(a+b);
(B) var a= “123”;var b=Number(a);
(C) var a =”abc”,var b =Number(a);
(D) var a=”123” ,var b=”NaN”;alert(a + b);
25. font能够同时设置几个属性，下面哪个属性是font不能够设置的D
(A) font-size
(B) font-style
(C) font-weight
(D) font-color
26. padding：10px 20px 30px 40px的设置的顺序是：D
(A) 上 10px、右 20px、左 30px、下 40px
(B) 上 10px、下 20px、左 30px、右 40px
(C) 下 10px、上 20px、左 30px、右 40px
(D) 上 10px、右 20px、下 30px、左 40px
27. 以下哪些操作不会脱离流B
(A) 浮动
(B) 相对定位
(C) 绝对定位
(D) 固定定位
28. 分析如下的JavaScript代码段, 运行后的结果是（D ）
  var num = 1;
  setTimeout(function(){ num = 2; }, 100);    
  alert(num)

(A) 1
(B) 2
(C) 3
(D) 页面报错,语法有问题
29. 关于标签的命名中哪一个写法正确：A
(A) <p class=”one two”>我是p标签</p>
(B) <p id=”one two”>我是p标签</p>
(C) <p id=”_2bac”>我是p标签</p>
(D) <p id=”$abc”>我是p标签</p>
30. 在javascript中不存在哪些数据类型D
(A) string
(B) number
(C) boolean
(D) int
31. 输出的结果是什么？A
(A) 123123
(B) 246
(C) 123
(D) 没有正确结果
32. 下列名称中，能作为变量名的是（A）
(A) pArray
(B) this
(C) function
(D) *pNumber
33. var a=10; b=20; c=4; ++b+c+a++ 以下哪个结果是正确的？B
(A) 34
(B)35
(C)36
(D)37
34. 选择器#box p，下列说法中正确的是(B)
(A) 选择的是id为box的元素的所有直接子元素p
(B) 选择的是id为box的元素的所有后代元素p
(C) 选择的是id为box的元素的第一个子元素p
(D) 选择的是id为box的元素的第一个后代元素p
35. 已知var num = 10；下面哪个是将num转换为布尔型的语法（C）
A. !!num; B.||num C.boolean(num) D.number（num）

二、 代码题（每题4分）
36. 请分别写出去掉li标签和a标签默认样式的属性。
<style type=”text/css”>
li{
list style:none;
}
a{
Text-decition;none;
}

<style>

37. 根据下面代码的，推断出结果。
for(var i = 1 ; i < 10 ; i = i + 1){
if(i % 2 == 0){
i = i * 2;
}
console.log(i);
} 4

38. 看下面的js程序，将输出什么？

var num = 10;
           function fn(){
                num = 20;
               alert(num)
           }
          alert(num)

39. 用for循环打印10行10列的正方形（来自星星的你），如图。 提示，星星是这个符号 “★”

40. 用for循环输出1-100之间所有的质数（只能被1和自身整除的数，不包括1）

三、 简答题（每题6分）
41. background是一个综合属性，请写出它等价的4条“小属性”。
Background-color;
Background-imge;
Background-position;
Background-fixed;

42. 页面上的定位主要有哪几种，分别是有哪些特点。

静态定位-标准流
绝对定位-如果父元素没有设定相对定位，她的为位置是跟着浏览器位置走的，脱标。
相对定位-能够控制自己的位置，位置移动占位置，不脱标。
固定定位-设置固态后脱离标准流。

43. 下面程序：
var str = "11"+2-"1";
console.log(str);
console.log(typeof str);
执行完后str的值为___111____，str的类型为_数字类型______。

44. 请列举出清除浮动的几种方式（最少三种）

Clear：both；
Overflow:hidden;
：after{
clear；both；
Content：0；
Height；0；
Line-height；0；
Disply；block；
Overflow；hidden；

}
.类{zoom;1}

45. 简述您对HTML语义化的理解？

最好用html里面的标签定义。不能使用比如div类的标签定义。