第一阶段考试

甲骨文阶段测试试卷(HTML+CSS）

班级：考生姓名：成绩：

一、选择题（每题2.5分，共75分）

1、在HTMl中，图片显示于其替代图片的文字显示分别用（A）

A、img标签和alt属性

B、Img标签和title属性

C、Img属性和alt标签

D、Img属性和title标签

2、HTML中有效、规范的注释是（D）

A、//这是注释

B、<! 这是注释 >

C、/*这是注释*/

D、

3、（多选）HTML文档中，正确的标签规范是（CD）

A、标签名和属性名必须大写

B、HTML标签必须关闭

C、属性值必须用引号括起来

D、标签必须正确嵌套

4、HTML中、使用符号可以在网页中显示一个小于号（B）

A、正确

B、错误

5、HTML中、使用标签 <hr> 可以在网页中显示一个水平线（A）

A、正确

B、错误

6、（多选）HTML中、创建表格首要标签是（A）

A、<table>....</table>

B、<tr>...</tr>

C、<td>...</td>

D、<p>....</p>

7、创建表格时，可以设置单元格边距的属性式（A）

A、Cellspacing

B、Width

C、Border

D、Cellpadding

8、设置表格跨列显示的属性（B）

A、Rowspan

B、Colspan

C、Rows

D、cols

9、用于在网页中创建表单的标签（C）

A、<input>

B、<select>

C、<form>

D、<textarea>

10、input 标签中设置表单元素类型的属性（A）

A、Type

B、Name

C、Value

D、Size

11、(多选)checked属性适用于哪个表单元素（AB）

A、<input type=”radio”>

B、<input type=”checkbox”>

C、<input type=”text”>

D、<input type=”button”>

12、（多选）页面中创建下拉需要哪些标签（BC）

A、<input>

B、<select>

C、<option>

D、<table>

13、(多选) 哪些属性用于<textarea>标签（AD）

A、Cols

B、Size

C、Type

D、Rows

14、(多选)下面是一个标签选择器（AC）

A、ul{color:#o66fff}

B、#orange{color:#o66fff}

C、body{color:#o66fff}

D、.white{color:#o66fff}

16、使用css控制页面的各种方法中哪个优先级最高（B）

A、内嵌样式表

B、行内样式表

C、链接外部样式表

D、导入外部样式表

17、在页面中有一个类选择器，在HTML中使用什么属性应用这个类选择器（A）

A、Class

B、Style

C、Link

D、@import

18、内嵌样式表中的内容使用什么标签声明（C）

A、<head>...</head>

B、<body>...</body>

C、<style>...</style>

D、<link>...</link>

19、下列哪项可以设置文本在水平方向上居中（A）

A、#mid{text-align:center}

B、#mid{text-decoration:center}

C、#mid{float:left}

D、#mid{text-align:middle}

20、下列什么属性可以设置元素享有浮动（B）

A、Clear

B、Float

C、Font

D、Text-align

21、（多选）下面关于列表属性描述正确的是（AD）

A、list-type-image可以使用图像代替列表项标记

B、List-type可以设置列表项的类型

C、List-position：inside标志表示项目标放在文本以外

D、List-style可以吧列表所有属性设置与一个声明中

22、（多选）关于文本和字体属性描述正确的是（ACD）

A、line-height表示文本行高

B、Line-height表示文本字符间的距离 letter-spacing

C、Font-family设置字体风格

D、Font-weight设置字体粗细

23、关于position定位说法正确的是（D）

A、在网页设计中，position的值只能是relative

B、Relative表示绝对定位

C、Position的值设为fixed与relative是一样的

D、Position通常与top、right、bottom、left结合使用

24、可以隐藏元素的选项（B）

A、display:block

B、Display:none

C、display:hidden

D、display:hide

25、哪项可以实现鼠标移上出现下划线（C）

A、a{text-decoratiion:underline}

B、a{text-decoratiion:overline}

C、a:hover{text-decoratiion:underline}

D、a:hover{text-decoratiion:overline}

26、请选出哪个不是块级元素（D）

P
Div
Ul
Span

27、HTML中注释的写法正确的是（A）

/**/
//
“”

28、下列选项中不属于文本属性的是（A）

font-size
Text-transform
Text-align
Line-height

29、清除两边浮动的CSS写法正确的是（C）

clear:none
clear:left
clear:both
clear:right

30、下列哪一项是CSS正确的语法构成？（C）

body:color=black
{body;color:black}
body{color:black;}
{body:color=black(body)}

送分题：

1、写出html标签的基本结构（10分）

<html>

<head>

</head>

<body>

</body>

</html>

2、写出标签和标签属性的形式（5分）

<标签名属性名=”属性值”></标签名>

3、清除浮动的方式有哪些？（5分）

clear: left;清除左浮动 clear: right;清除右浮动 clear: both;清除两侧浮动

4、写出css引入方式以及表现形式（5分）

（1）内联引用：直接在标签内引用

（2）内嵌引用：在head标签之间添加style标签引用

<head>

<style>

.a1 {

color: red;

width: 100px;

height: 100px;

}

</style>

</head>

<body>

我是红色字体！

</div>

</body>

（3）外部引用：在head标签之间引入外部CSS样式表

<head>

</head>

加分题（5分）

选择器的概念以及选择器有哪些

概念：选择器是用来定义不同样式的元素，通过设置不同的样式属性达到不同的效果，使得html样式设置更加灵活自由，提高工作效率。

选择器种类：

（1）标签选择器：

h1 {

color: red;

}

通过该选择器，可对html中所有同类标签设置相同属性，示例选择器是把当前html页面中的所有h2标签的文字设置为红色。

（2）类选择器（class选择器）：

.n {

font-size: 13px;

color: grey;

}

<p class=”n”>13px灰色字体</p>

class选择器是一种十分灵活的选择器，通过对标签设置class值使用，可以多次重复使用，可对多个标签设置属性，示例中的p标签的文字被设置为13px、灰色。

（3）id选择器：

#a {

width: 300px;

height: 200px;

background-color: red;

}

id选择器与class属性类似，不同之处在于同名的id选择器仅可在当前html页面中使用一次，对标签设置id值使用，示例选择器将id为a的div标签设置为高200px宽300px,背景色红色。

猜你喜欢