基础班考试题

前端精英班入学测试题
Name:_________ Array_________ Score_________
选择题每题2分，共计70分；代码题每题4分，共计20分;简答题每题6分，共计30分;
选择题主要考查的基本知识点的理解，而简答题主要考查表达能力.
一、单选题（每题2分）
1. 下面标签中不属于html结构标签的是：
(A)!DOCTYPE
(B) html
(C) title
(D) div
2. 下面哪一项不是mate标签的作用
(A) 描述页面的内容
(B) 提高页面关键字的权重
(C) 页面使用的编码
(D) 管理页面上所以的标签
3. 下面哪些操作内容可以在html中被有html代码中被识别：
(A) 一个空格
(B) 一个换行
(C) 一个缩进
(D) 以上都不可以
4.
在上面结构中，哪种写法可以在index页面中有输出img.gif
(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. 下面哪些代码不能成功注释？
(A)
(B)
(C)
(D)
6. 哪些标签在页面上没有语义的
(A) p (B) h
(C) input (D) span
7. 下面哪段代码可以在页面上显示一个输入框，并且默认输入框上的文字是”admin”
(A) <input type=”text” />
(B) <input type=”text” name=”admin” />
(C) <input type=”text” value=”admin” />
(D) <input type=”text” id=”admin” />
8. 下面哪些标签不属于表单元素：
(A) <input type=”text” />
(B) <input type=”buttom” />
(C) <textarea></textarea>
(D) <div></div>
9.一个盒模型，它有如下属性。

那么，它真实占有的宽度是多少？
1width:200px;
2height:200px;
3border:1px solid red;
4padding:10px 20px;
(A) 200px;
(B) 202px;
(C) 222px;
(D) 242px;
10. “相对定位”是相对何者定位？
(A) 离自己最近的已经定位了的祖先盒子
(B) 自己原来的位置
(C) 浏览器窗口的左上角
(D) 页面版心
11.css的三种样式中哪种样式的优先级最高：
(A) 行内样式
(B) 内联样式
(C) 外部样式
(D) 三种样式优先级一样
12.下面为块级元素标签的是
（A）div （B）span （C）strong （D）em
13.如何让一个div的显示方式与span标签一样的
(A) display: block
(B) display: inline
(C) display: inline-block
(D) display: block-inline
14.在w3c中规定html决定页面的：
(A) 结构
(B) 样式
(C) 行为
(D) 以上都不正确
15.下面哪些不属于css的特点
(A) 封装
(B) 继承
(C) 层叠
(D) 优先级
16.下面的代码与结果中，哪个是正确的
(A) 行高为19
(B) 颜色为红色
(C) 大小为20px
(D) 以上结果都正确
17.如果希望一行上的文字与图片居中对齐，可以设置哪个属性：
(A) margin: 0 auto;
(B) text-aline：center
(C) vertical-align: middle
(D) float: left
18.伪类的排序正确的是：
(A) link visited active hover
(B) link visited hover active
(C) visited link hover active
(D) visited link active hover
19.计算盒子模型的宽度不计算下面哪个属性：
(A) border
(B) padding
(C) margin
(D) width
20.下面哪段代码会出现盒子的“塌陷”现象：
(A)
(B)
(C)
(D) 没有正确答案
21.下列选项中能够设置元素位移变换的属性是
(A) translate
(B) rotate
(C) scale
(D) skew
22.background-size设置背景图片的尺寸会自动调整缩放比例保证图片始终填充满背景区域，如有溢出部分被隐藏的属性是
(A) contain
(B) cover
(C) content-box
(D) padding-box
23.表单属性中属于占位符的是
(A) novalidate
(B) required
(C) pattern
(D) placeholder
24.Html5中audio标签中循环播放的属性是
(A)Loop
(B) controls
(C) autoplay
(D) preload
25.不属于input元素type属性值的是：
A.button
B.file
C.radio
D.post
26.下列选择中属性选择器语法格式正确的是
A.div(class)
B.div[class]
C.div{class}
D.#class
27.animation-delay设置的是动画的
(A)动画执行次数
(B)动画的持续时间
(C)动画序列的名称
(D)动画的延时时间
28.表单属性中获取焦点的属性是
(A) placeholder
(B) autocomplete
(C) required
(D) autofocus
29.转换是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、变形、缩放，对于其描述错误的是（）
A、移动 translate(x, y) 可以改变元素的位置，x、y可为负值
B、缩放 scale(x, y) 可以对元素进行水平和垂直方向的缩放，x、y的取值可为小数，可为负值；
C、旋转 rotate(deg) 可以对元素进行旋转，正值为顺时针，负值为逆时针(注意如果是先旋转 xy轴是会改变)
D、倾斜 skew(deg, deg) 可以使元素按一定的角度进行倾斜
30、不属于HTML5提供的有语义的新标签是（）
A.<nav></nav>
B.<header></header>
C.<span></span>
D.<section></section>
31、表单属性中获取焦点属性的属性是（）
A.placeholder
B.autofocus
C.multiple
D.autocomplete
32、background-size属性的作用是( )
A.设置背景图片的尺寸
B.设置多背景
C.设置盒子大小
D.设置背景颜色
33、transition-duration设置的是过渡
A.设置过渡时间
B.设置过渡速度
C.设置过渡延时
D.设置过渡属性
34、3D变换属性中transform:translateY(300px)的作用是( )
A.沿着x轴向右的移动300px
B.沿着x轴向左的移动300px
C.沿着y轴向上的移动300px
D.沿着y轴向下的移动300px
35、下列哪个是视频标签( )
A video
B audio
C player
D videos
选择题答案
1 2 3 4 5 6 7 8 9 10
11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30
31 32 33 34 35
二、简答题（每题6分）
1、说出四个关于过渡的属性
1、页面上的定位主要有哪几种，分别是有哪些特点。

2、请列举出清除浮动的几种方式（最少三种）
4、2D转换都有哪几类
5、为什么要CSS 初始化，并举例说明。