甲骨文阶段测试试卷(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)内联引用:直接在标签内引用
<p style=”font-size: 12px;”></p>
(2)内嵌引用:在head标签之间添加style标签引用
<head>
<style>
.a1 {
color: red;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div class=”a1”>
我是红色字体!
</div>
</body>
(3)外部引用:在head标签之间引入外部CSS样式表
<head>
<link rel=”stylesheet” type=”text/css” href=”样式1.css”>
</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;
}
<div id=”a”></div>
id选择器与class属性类似,不同之处在于同名的id选择器仅可在当前html页面中使用一次,对标签设置id值使用,示例选择器将id为a的div标签设置为高200px宽300px,背景色红色。