A.
D.
B.
C. D.
答案： B
23.有序列表的项目编号要从大写英文字母开始，
A ． a
B． 1
C． A
D． I
答案:
C
24.有序列表的项目编号要从小写罗马数字开始，
A ． a
B． 1
type 属性值设置为（）type 属性值设置为（）
C． A
D． i
答案 : d
25.改变有序列表的项目编号起始值的属性是（）
A ． value
B． start
C． type
D． begin
答案:
B
26.li 标记里的 type 属性设置的影响范围是（） A ．只影响当前列表项
B．影响了后续列表项
C．影响了全部列表项
D．不能影响任何列表项
答案:
A
27.对 li 标记里的 type 属性设置的指定，能使用在（） A ．无序列表中 B．有序列表中
C．无序列表和有序列表中
D．不能进行 li 标记的 type 属性设置
答案:
C
28.改变有序列表的单个项目编号值的大小的属性是（）
A ． value
B． start
C． type
D． begin
答案:A
29.改变有序列表的单个项目编号值的 A ．无序列表中 B．有序列表中
value 属性能应用与（）
C．无序列表和有序列表中
D．不能应用与有序列表和有序列表中
答案:B
30.下列说法不正确的是（）
A ．嵌套列表可以是无序列表的嵌套 B．嵌套列表可以是有序列表的嵌套
C．嵌套列表可以是无序列表和有序列表的混合嵌套
D．列表不能进行嵌套
答案:D
二、 填空题
1） 无序列表中可用的项目符号包括
______________ 、______________和 ______________。答案 : disc circle square
2） 用于取消列表项前默认项目符号的样式定义是
_________________________________ 。
答案 :
list-style ： none
3）使得列表项从默认的垂直排列到水平排列的样式定义是
_____________________ 。
答案 : float
：left
4）有序列表标记
的 type 属性可以指定出现在列表项前的项目编号的样式，其取值可以是：、、、和五种。答案 : 1 a A i I
5）使用有序列表标记的属性后，用户则可改变编号的起始值。该属性值是一个，表示从哪一个数字或字母开始编号。
答案 : start
整数
6) 商业网站开发中的新闻信息常常采用来开发。
答案 : 无序列表
7. 设置 CSS 属性 float 的值为 _______ 时可取消元素的浮动。
答案 :none
8. 为一个列表项设置边框
4px，实心边框，列表项字体颜色为
#ff9900, 列表项背景颜色为
#fc3 ，可通过利用 CSS设置
- 的 _______ 即可。
答案 : li{border:4px solid #ff9900;background:#fc3}
9. 定制表中 type 标记中的 circle
表示 _______ 。
答案 :
空心圆点
10 . 定制有序列表中序号启始值表示法为
_______ 。
答案 :
三、 简答题
1. 写出 ul、 ol、 dl 三种列表的 html 结构。 答案： Ul 列表的结构如下
OL 列表的结构如下
DL 列表的结构如下
2.简述有序列表标记的
type 属性。
答案：使用有序列表标记的
type 属性，用户可以指定出现在列表项前的项目编号的样式，其取值以及相对应的编号样式如下：
1. “1”：指定项目编号为阿拉伯数字（ IE 浏览器的默认值是
disc）；
2. “a”：指定项目编号为小写英文字母； 3. “A ”：指定项目编号为大写英文字母； 4. “i ”：指定项目编号为小写罗马数字； 5.
“I”：指定项目编号为大写罗马数字。
知识点：有序列表
3.举例说明如何改变有序列表标记的 type 属性的编号起始值。
答案：通常，在指定列表的编号样式后，浏览器会从“
1”、“ a”、“ A ”、“ i”或“ I”开
始自动编号。而在使用有序列表标记的
start 属性后，用户则可改变编号的起始值。 start 属
性值是一个整数，表示从哪一个数字或字母开始编号。例如，设置 列表项编号将从“ 3”、“ c”、“ C”、“ⅲ”或“Ⅲ”开始编号。
start=\"3\" ，则有序列表的
4.列表是否能嵌套使用？有什么作用。
答案：列表还可以嵌套使用， 也就是一个列表中还可以包含有多层子列表。 在网页文件
中，对于内容层次较多的情况， 使用嵌套列表不仅使网页的内容布局更加合理美观， 而且使其内容看起来更加清晰、 明了。嵌套的列表可以是无序列表的嵌套， 也可以是有序列表的嵌套，还可以是无序列表和有序列表的混合嵌套。
知识点：嵌套列表
四、 实验题
1. 制作一个用列表显示的新闻显示板块， 要求利用列表方法， 适当运用字体、 字号间距等的修饰完成新闻列表的定义。
答案 : 源代码：
暴雪：商业艺术与技术的平衡之道
- 点选名将抢礼包《千军破》首服开启
- 战国新游《王者天下》开启抢礼包
- 快来玩《德州扑克》与人斗其乐无穷
- 《十年一剑》真武侠一区开启抢礼包
- 可买卖游戏代码传魔兽大灾变过审批
- 儿时游戏 50 年变迁 00
后迷动画爱网游
- 监狱强迫犯人打网游徐州禁少年进网吧
- ipad
成为最赚钱的移动游戏平台
2 .导航是一个网站的重要组成元素。利用列表显示导航内容，并适当运用
CSS3 的字
体、字号间距及浮动等修饰属性能够完成垂直导航条及水平导航条的制作。
答案：源代码文件
line-height: 26px; }
知识点：列表的综合运用
参考页 : P48
学习目标 : 5. 掌握使用列表制作导航条的方法
难度:3
提示一： 该题考察知识点： 4.5 列表的综合运用
提示二： 采用无序列表实现，主要的操作有去除项目样式符号、调整行间距等。先制作垂直导航，然后使用浮动将垂直导航变化为水平导航。
提示三： 步骤 1：创建文件水平导航
.html ，定义页面结构，完成内容的基本布局
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
步骤 2：建立内容项的无序列表显示
下面的代码在步骤一的基础上，在
DIV 块内加入了列表定义。
此时已经能够看出导航的原型了，
面考虑调整它的显示样式：
但是还相对简陋， 需要进行美化。 可以从以下几个方
第一：无序列表前的默认圆点需清除；
第二：各列表项之间的间隔需加大；
第三：效果图中的背景色。
步骤 3：进行格式美化
清除列表项前的圆点，可以通过设置
- 的“ list-style:none ”即可；
内容项之间的间隔可以通过增大
- 的行间距，如“ line-height:33px; ” 导航项采用深蓝色背景色
根据上面的样式分析， 下面的页面代码在样式定义部分定义了不同的样式， 的对应部分添加了引用。
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
并在正文中
页面运行的效果如图 4-11 所示。在程序 4-2 中：
style 中 id 属性值
正文中无序列表“
”中的“ id=\"nav\" ”表示此标记的样式来自 定义的“ #nav”，这种样式引用的方式是通过在样式定义中寻找和标记的 一样的样式名称。样式定义中的 “ #nav li{margin-top:5px;} ”则表示对 id 为“ nav”的标记中包含的
- 标记使用此样式定义，其作用是在每个导航项的上方留出
接下来， 将该导航可以更改为水平导航，
5px 的空白。
下面是修改后的
这只涉及到修改样式的工作。
样式（具体参加 4-3.html ）。
#nav{list-style:none; font-size:22px;line-height:40px; } #nav li{margin-right:5px;float:left;width:100px;}
上述样式和页面 4-2 中相比，变化在以下几个地方：
在#nav li 中添加 float:left 属性，使其列表内容全部向左浮动显示， 表的横向显示， 这是无序列表水平导航效果实现的关键， width 宽度值为 100px ；
在 4-2.html 中通过定义“ #nav li ”的“ margin-top:5px; ”实现了每个列表项上方空 出 5px 的空白，这里修改为“ margin-right:5px; ”表示每个列表项的右方空出 5px 的空白。
具体效果见下图所示。
这样就实现了列
同时可以调整每个列表项
图水平导航实现效果