《网页设计与开发第9章》试卷
一、选择题
1. CSS 指的是( ).
A.Computer Style Sheets
B.Cascading Style Sheets
C.Creative Style Sheets
D.Colorful Style Sheets
答案：
2. 如何改变元素字体？( ).
A．font=
B.f:
C.font-family
D.font-family:
答案：
3. br标签在XHTML中语意为( )
A．换行
B．强调
C．段落
D．标题
答案：
4. 在CSS语言中下列哪一项是"左边框"的语法？( )
A．border-left-width: <值>
B．border-top-width: <值>
C．border-left: <值>
D．border-top-width: <值>
答案：
5. 在 HTML 文档中，引用外部样式表的正确位置是( ).
A．文档的末尾
B．文档的顶部
C．<body> 部分
D． <head> 部分
答案：
6. 如何去掉文本超链接的下划线？( ).
A．a {text-decoration:no underline}
B．a {underline:none}
C．a {decoration:no underline}
D．a {text-decoration:none}
答案：
7. 下面（ ）是ID的样式规则定义( ).
A．TR{clore:red;font-family:"隶书";font-size:24px;}
B．H2{color:red;font-family:"隶书";}
C．#grass{color:green;font- family:"隶书"; font-size:24px;}
D．P{background-color:#CCFF33;text-align:left;}
答案：
8. 哪个 HTML 标签用于定义内部样式表：( ).
A．<style>
B．<script>
C．<css>
D．<link>
答案：
9. 下列哪个选项的 CSS 语法是正确的？( )
A．body:color=black
B．{body:color=black(body}
C．body {color: black}
D．{body;color:black}
答案：
10. 如何在 CSS 文件中插入注释( )
A．// this is a comment
B．// this is a comment //
C．/* this is a comment */
D．' this is a comment’
答案：
11. 哪个属性可用于改变背景颜？( ).
A．bgcolor:
B．background-color:
C．color:
D．background
答案：
12. 如何为所有的 <h1> 元素添加背景颜？( ).
A．h1.all {background-color:#FFFFFF
B．h1 {background-color:#FFFFFF}
C．all.h1 {background-color:#FFFFFF}
D．h1 {bgcolor:#FFFFFF}
答案：
13. 如何改变某个元素的文本颜？( )
A．text-color:
B．fgcolor:
C．color:
D．text-color=
答案：
14. 哪个 CSS 属性可控制文本的尺寸？( )
A．font-size
B．text-style
C．font-style
D．text-size
答案：
15. CSS样式表不可能实现( )功能。
A．将格式和结构分离
B．一个CSS文件控制多个网页
C．控制图片的精确位置
D．兼容所有的浏览器
答案：
16. 如何使文本以大写字母开头？( ).
A．text-transform:capitalize
B．无法通过 CSS 来实现
C．text-transform:uppercase
答案：
17. 如何使文本变为粗体？( ).
A．font:b
B．font-weight:bold
C．style:bold
答案：
18. 如何显示这样一个边框：上边框 10 像素、下边框5像素、左右边框 1 像素？( ).
A．border-width:10px 5px 1px 1px
B．border-width:10px 1px 5px
C．border-width:10px 1px 1px 5px
D．border-width:1px 10px 1px 5px
答案：
19. 如何改变元素的左边距？( )
A．text-indent:
B．indent:
C．margin:
D．margin-left:
答案：
20. 如何产生带有正方形项目的列表？( )
A．list-type: square
B．type: 2
C．type: square
D．list-style-type: square
答案：
二、填空题
1．css链接样式的写法：<link _______________ ="all.css" rel="stylesheet" _______________="text/css" />
答案：
2．CSS基本语法-标记选择器<style> p{_________ : red; _________: 25px; } </style>。
答案：
3. css基本语法-id选择器。网页：<body><div _________ =”header”>河南财经大学政法大学</div>。对应的css为：#_________ {color:yellow;font-size:30px}
答案：
4. 样式表的每个规则都有两个主要部分：_______和_________。
答案：
5. 链接外部样式表时，不需要使用引用外部样式表的格式是style元素，只需直接用______标记放在<head>标记中就可以了。
答案：
6. 组合选择其中的元素名中间要用___隔开。
答案：
7. 除了利用HTML的标记来设置字体外，也可以用CSS的_______属性来设置需要的字体。
答案：
8. 在HTML里，可以使用<I>标记，将网页文字设置为_____。而在CSS里，则可以利用____属性来达到字体变化的效果。
答案：
9. _______是字符间距属性，可以设置字符与字符间的距离。
答案：
10. CSS有四种定义颜的方法：__________、________、_________、_________。
答案：
三、简答题（共 5 题，每小题 6 分 ，共30 分）
1. HTML文档中<doctype>标签的作用是什么？
答案：
2. div+css的布局方式较table布局有什么优点？
答案：
3. CSS中可以通过哪些属性定义，使得DOM元素不显示在浏览器可视范围内？
答案：
4. 行内元素和块级元素的区别是什么？行内元素padding和margin可设置吗？
答案：
5. 什么是CSS样式表，简述CSS样式应用的优先规则。
答案：
四、设计题（共 2题，每小题 15 分，共 30 分）
1. 采用DIV +CSS布局实现如图所示的带有图标的登陆界面。
答案：
2. 采用CSS+DIV实现如图所示的鼠标经过特效。
答案：
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论