1、
系统提供
定义列表常用于对术语或名词进行解释和描述,用一对( )标记定义。
修改
- <ul></ul>
- <ol></ol>
- <dt></dt>
- <dl><dl>
参考答案:
D
答案解析:
<dl></dl>标记用于指定定义列表,<dt></dt>和<dd></dd>并列嵌套于<dl></dl>中。
2、
系统提供
关于list-style-image属性的基本格式,下列书写正确的是( )。
修改
- list-style-image:url(图片位置);
- list-style-image: (图片位置);
- list-style-image:<img src="图片位置">;
- list-style-image: src(图片位置);
参考答案:
A
答案解析:
list-style-image属性的基本格式:list-style-image:url(图片位置);。
3、
系统提供
在HTML中,常用于定义图文混排的列表是( )。
修改
- 定义列表
- 菜单列表
- 有序列表
- 无序列表
参考答案:
A
答案解析:
定义列表常用于图文混排,其中<dt></dt>标记中插入图片,<dd></dd>标记中放入对图片解释说明的文字。
4、
系统提供
在列表属性中,代码“list-style-position:inside;”的含义是将列表项目符号位于列表的哪个地方( )。
修改
- 内部
- 外部
- 随机
- 不插入
参考答案:
A
答案解析:
inside表示列表项目符号位于列表文本以内。
5、
系统提供
下列代码中,可以用于清除链接图像边框的是( )。
修改
- border:0;
- margin:0;
- padding:0;
- list-style:none;
参考答案:
A
答案解析:
去掉链接图像的边框很简单,只需将图像的边框定义为0即可。
6、
系统提供
下列选项中,属于定义列表的基本语法格式的是( )。
修改
- <ol> <li>列表项1</li> <li>列表项2</li> ...... </ol>
- <ul> <li>列表项1</li> <li>列表项2</li> ...... </ul>
- <dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> ... </dl>
- <dl> <dt>名词1</dt> <dt>名词2</dt> ... </dl>
参考答案:
C
答案解析:
定义列表的基本语法格式如下:
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>
7、
系统提供
下列选项中,定义无序列表的基本语法格式正确的是( )
修改
- <ul> <li>列表项1</li> <li>列表项2</li> ...... </ul>
- <ul> <ul>列表项1</ul> <ul>列表项2</ul> ...... </ul>
- <ul> ...... </ul>
- <ul>……</ul> <ul>……</ul> <ul>……</ul>
参考答案:
A
答案解析:
定义无序列表的基本语法格式如下:
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
8、
系统提供
下列选项中,用于清除超链接默认的下划线的是( )。
修改
- text-decoration:none;
- text-decoration:underline;
- text-decoration:overline;
- text-decoration:line-through;
参考答案:
A
答案解析:
无
9、
系统提供
CSS中,通过链接伪类可以实现不同的链接状态,下列说法错误的是( )。
修改
- a:link{ CSS样式规则; } 超链访问时的状态。
- a:visited{ CSS样式规则; } 访问后超链接的状态。
- a:hover{ CSS样式规则; } 鼠标经过、悬停时超链接的状态。
- a: active{ CSS样式规则; } 鼠标点击不动时超链接的状态。
参考答案:
A
答案解析:
CSS中,通过链接伪类可以实现不同的链接状态,主要有四种:
a:link{ CSS样式规则;} 未访问时超链接的状态
a:visited{ CSS样式规则;} 访问后超链接的状态
a:hover{ CSS样式规则;} 鼠标经过、悬停时超链接的状态
a: active{ CSS样式规则;} 鼠标点击不动时超链接的状态
10、
系统提供
下列代码中,用于清除列表默认样式的是( )。
修改
- list-style:none;
- list-style:0;
- list-style:zero;
- list-style:delete;
参考答案:
A
答案解析:
属性值为square时,显示“■”,inside表示列表项目符号位于列表文本以内。
11、
系统提供
关于定义列表的使用,下列说法正确的是( )。
修改
- <dd></dd>中不能嵌套其他的标记,只能嵌套p标记。
- <dd></dd>中不能嵌套其他的标记,只能嵌套div标记。
- <dd></dd>中可以根据语义嵌套其他的标记,例如p标记,ul标记等。
- <dd></dd>中不能嵌套任何标记。
参考答案:
C
答案解析:
<dd></dd>标记相当于一个容器,可以根据需要嵌套其他的标记。
12、
系统提供
使用list-style-image属性可以为各个列表项设置项目图像,那么list-style-image的默认值是( )。
修改
- url
- none
- inherit
- 0
参考答案:
B
答案解析:
list-style-image的默认值是none。
13、
系统提供
关于定义列表实现图文混排,下列说法正确的是( )。
修改
- <dt></dt>标记中插入图片,<dd></dd>标记中放入对图片解释说明的文字。
- <dd></dd>标记中插入图片,<dt></dt>标记中放入对图片解释说明的文字。
- <dt></dt>标记中不能放入图片,所有内容都要放入<dd></dd>标记中。
- <dd></dd>标记中不能放入图片,所有内容都要放入<dt></dt>标记中。
参考答案:
A
答案解析:
定义列表常用于图文混排,其中<dt></dt>标记中插入图片,<dd></dd>标记中放入对图片解释说明的文字。
14、
系统提供
当通过定义列表实现图文混排时,可以定义图片解释说明文字的标记是( )。
修改
- <dl></dl>
- <dd></dd>
- <dt></dt>
- <li></li>
参考答案:
B
答案解析:
定义列表常用于图文混排,其中<dt></dt>标记中插入图片,<dd></dd>标记中放入对图片解释说明的文字。<li></li>不属于定义列表的相关标记。
15、
系统提供
定义有序列表<ol>的( )属性,可以决定有序列表项目符号的类型。
修改
- value
- type
- rel
- href
参考答案:
B
答案解析:
在有序列表中,定义其type属性可以决定有序列表项目符号的类型。
16、
系统提供
关于创建锚点链接的代码,下列书写正确的是( )。
修改
- <a href="#one">链接文本</a> ……… <h3 id="one">锚点链接 </h3>
- <a href="#id">链接文本</a> ……… <h3 id="one">锚点链接 </h3>
- <a href="#">链接文本</a> ……… <h3 id="one">锚点链接 </h3>
- <a href="#one">链接文本</a> ……… <h3 id="#one">锚点链接 </h3>
参考答案:
A
答案解析:
在HTM语言中,创建锚点链接分为两步:
1、使用“<a href="#id名">链接文本</a>”创建链接文本
2、使用相应的id名标注跳转目标的位置
17、
系统提供
下列选项中,属于定义有序列表的基本语法格式的是( )
修改
- <ol> <li>列表项1</li> <li>列表项2</li> ...... </ol>
- <ul> <li>列表项1</li> <li>列表项2</li> ...... </ul>
- <ul> ...... </ul>
- <ol>……</ol> <ol>……</ol> <ol>……</ol>
参考答案:
A
答案解析:
定义有序列表的基本语法格式如下:
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ol>
18、
系统提供
下列选项中,可以设置列表项目符号位于列表文本以内的是( )。
修改
- list-style-position:inside;
- list-style-position:outside;
- list-style-position:none;
- list-style-position:0;
参考答案:
A
答案解析:
inside:列表项目符号位于列表文本以内。
outside:列表项目符号位于列表文本以外(默认值)。
19、
系统提供
关于使用list-style复合属性综合设置列表样式的语法格式,下列书写正确的是( )。
修改
- list-style:列表项目符号 列表项目符号的位置 列表项目图像;。
- list-style:列表项目符号、列表项目符号的位置、列表项目图像;。
- list-style:列表项目符号,列表项目符号的位置,列表项目图像;。
- list-style:列表项目符号/列表项目符号的位置/列表项目图像;。
参考答案:
A
答案解析:
使用list-style复合属性综合设置列表样式的语法格式如下:
list-style:列表项目符号 列表项目符号的位置 列表项目图像;
20、
系统提供
当通过定义列表实现图文混排时,下列标记中用于插入图片的是( )。
修改
- <dl></dl>
- <dd></dd>
- <dt></dt>
- <li></li>
参考答案:
C
答案解析:
定义列表常用于图文混排,其中<dt></dt>标记中插入图片,<dd></dd>标记中放入对图片解释说明的文字。<li></li>不属于定义列表的相关标记。
21、
系统提供
使用list-style复合属性定义列表项目符号为“■”且位于列表文本以内的列表,下列代码书写正确的是( )。
修改
- list-style:circle inside;
- list-style:square inside;
- list-style:circle outside;
- list-style:square outside;
参考答案:
B
答案解析:
属性值为square时,显示“■”,inside表示列表项目符号位于列表文本以内。
22、
系统提供
设置超链接<a>标记中<img>的border样式为none,下列代码书写正确的是( )。
修改
- a .img{ border:none; }
- a#img{ border:none;}
- a img{border:none; }
- a.img{border:none;}
参考答案:
C
答案解析:
为<a>标记中的img添加样式,代码为:
a img{/*css样式*/}
23、
系统提供
关于有序列表的描述,下列说法正确的是( )。
修改
- 有序列表没有排列顺序。
- 有序列表按顺序排列,并不带有序号。
- 有序列表按顺序排列并通过type属性定义序号样式。
- 有序列表不可以和无序列表嵌套使用。
参考答案:
C
答案解析:
有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列并带有序号。有序列表type属性定义序号样式,有序列表和无序列表可以嵌套使用。
24、
系统提供
若超链接的href属性,需要链接到list页面中的one锚点,以下书写正确的是( )。
修改
- list.html
- #one.list
- list#one
- list.html#one
参考答案:
D
答案解析:
创建锚点链接时,应该先写链接页面再写锚点名称。
25、
系统提供
在定义列表中,用于对名词进行解释和描述的标记是( )。
修改
- <dl></dl>
- <li></li>
- <dt></dt>
- <dd></dd>
参考答案:
D
答案解析:
<dl></dl>标记用于指定定义列表,<dt></dt>和<dd></dd>并列嵌套于<dl></dl>中,其中,<dt></dt>标记用于指定术语名词,<dd></dd>标记用于对名词进行解释和描述。
26、
系统提供
下列代码中,能够设置列表项目符号为阿拉伯数字的是( )。
修改
- ol{ list-style-type: 1;}
- ol{ list-style-type: decimal ;}
- ul{ list-style-type: 1;}
- ol{ list-style-type: none;}
参考答案:
B
答案解析:
无
27、
系统提供
下列代码中,能够将列表项目符号设置为大写英文字母的是( )。
修改
- ul{ list-style-type: lower-alpha;}
- ol{ list-style-type: lower-alpha;}
- ul{ list-style-type: upper-alpha;}
- ol{ list-style-type: upper-alpha;}
参考答案:
D
答案解析:
无
28、
系统提供
CSS中,通过链接伪类可以实现不同的链接状态。下列用来定义未访问时超链接状态的是( )。
修改
- a:link
- a:visited
- a:hover
- a:active
参考答案:
A
答案解析:
CSS中,通过链接伪类可以实现不同的链接状态,主要有四种:
a:link{ CSS样式规则;} 表示:未访问时超链接的状态
a:visited{ CSS样式规则;} 表示:访问后超链接的状态
a:hover{ CSS样式规则;} 表示:鼠标经过、悬停时超链接的状态
a: active{ CSS样式规则;} 表示:鼠标点击不动时超链接的状态
29、
系统提供
关于无序列表的描述,下列说法错误的是()。
修改
- 无序列表<ul>可以让列表项采用大写罗马字母表示。
- 无序列表<ul>里面只能放置<li>,不能放其他标签。
- 无序列表<ul>里面可以直接嵌套其他标签。
- 无序列表<li>里面可以嵌套其他标签。
参考答案:
[ "B", "D" ]
答案解析:
无序列表<ul>,其type样式只能是 disc、circle、square三种,不能采用大写罗马字母表示。无序列表<ul>里面只能放置<li>,不能放其他标签,但是<li>里面可以放其他标签。
30、
系统提供
下列选项中,属于定义有序列表相关属性的是( )。
修改
- background
- type
- start
- value
参考答案:
[ "B", "C", "D" ]
答案解析:
在有序列表中,除了type属性之外,还可以为<ol>定义start属性、为<li>定义value属性,它们决定有序列表的项目符号。
31、
系统提供
下列选项中,属于定义列表标记的是( )。
修改
- <dl></dl>
- <li></li>
- <td></td>
- <dd></dd>
参考答案:
[ "A", "D" ]
答案解析:
<dl></dl>标记用于指定定义列表,<dd></dd>标记嵌套于<dl></dl>标记中用于对名词进行解释和描述。<li></li>标记用于定义有序列表和无序列表的子列表项,<td></td>为单元格标记。
32、
系统提供
下列选项中,可以设置列表项目符号位于列表文本以外的是( )。
修改
- list-style-position:inside;
- list-style-position:outside;
- list-style-position:0;
- 不设置list-style-position属性
参考答案:
[ "B", "D" ]
答案解析:
inside:列表项目符号位于列表文本以内。
outside:列表项目符号位于列表文本以外。
当不设置list-style-position属性时,列表项目符号默认位于列表文本以外。
33、
系统提供
关于list-style-position属性,下列说法正确的是( )。
修改
- 该属性用于控制列表项目符号相对于列表项内容的位置。
- 其属性值为inside时,列表项目符号位于列表文本以内。
- 其属性值为outside时,列表项目符号位于列表文本以外。
- 以上说法均正确。
参考答案:
[ "A", "B", "C", "D" ]
答案解析:
list-style-position属性用于控制列表项目符号的位置,其取值有inside和outside两种,对它们的解释如下:
inside:列表项目符号位于列表文本以内
outside:列表项目符号位于列表文本以外(默认值)
34、
系统提供
下列关于列表项目符号的说法正确的是( )。
修改
- list-style-type属性用来更改列表的项目符号类型。
- 无序列表的项目符号默认为"●"。
- list-style-type属性没有任何兼容性问题,所以书写HTML页面时可以放心应用。
- list-style-type属性只能更改无序列表的项目符号。
参考答案:
[ "A", "B" ]
答案解析:
list-style-type属性用于控制无序和有序列表的项目符号,各个浏览器对list-style-type属性的解析不同。因此,在实际网页制作过程中不推荐使用list-style-type属性。
35、
系统提供
在定义列表的基本语法中,<dl></dl>标记中需要嵌套( )标记。
修改
- <p></p>
- <dt></dt>
- <dd></dd>
- <td></td>
参考答案:
[ "B", "C" ]
答案解析:
<dl></dl>标记用于指定定义列表,<dt></dt>和<dd></dd>并列嵌套于<dl></dl>中,其中,<dt></dt>标记用于指定术语名词,<dd></dd>标记用于对名词进行解释和描述。
36、
系统提供
关于list-style-image属性,下列说法正确的是( )。
修改
- list-style-image属性可以为各个列表项设置列表项目图像。
- 实际工作中,常通过为<li>设置背景图像的方式实现列表项目图像。
- list-style-image属性只可以为无序列表的列表项设置项目图像。
- 以上说法均正确。
参考答案:
[ "A", "B" ]
答案解析:
list-style-image属性可以为各个列表项设置项目图像。实际工作中,常通过为<li>设置背景图像的方式实现列表项目图像。
37、
系统提供
关于设置背景图像的代码片段background:url(images/book.png) no-repeat left center;,下列描述正确的是( )。
修改
- url(images/book.png) 设置网页的背景图像。
- no-repeat设置背景图像不平铺。
- left center用于控制背景图像的位置。
- 在上面的代码中,各个样式顺序任意。
参考答案:
[ "A", "B", "C", "D" ]
答案解析:
url(images/book.png)设置网页的背景图像。no-repeat设置背景图像不平铺。left center用于控制背景图像的位置。在上面的代码中,各个样式顺序任意,但实际工作中通常按照背景色、url("图像")、平铺、定位、固定的顺序来书写。
38、
系统提供
下列选项中,属于“target”属性值的是( )。
修改
- _double
- _self
- _new
- _blank
参考答案:
[ "B", "D" ]
答案解析:
target用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,意为在原窗口中打开,_blank为在新窗口中打开。
39、
系统提供
下列选项中,属于list-style-position属性值的是( )。
修改
- side
- inside
- outside
- 0
参考答案:
[ "B", "C" ]
答案解析:
list-style-position属性用于控制列表项目符号的位置,其取值有inside和outside两种。
40、
系统提供
关于定义无序列表的基本语法格式,以下描述正确的是( )。
修改
- <ul></ul>标记用于定义无序列表。
- <li></li>标记嵌套在<ul></ul>标记中,用于描述具体的列表项。
- 每对<ul></ul>中至少应包含一对<li></li>。
- <li>不可以定义type属性,只能使用CSS样式属性代替。
参考答案:
[ "A", "B", "C" ]
答案解析:
在上面的语法中,<ul></ul>标记用于定义无序列表,<li></li>标记嵌套在<ul></ul>标记中,用于描述具体的列表项,每对<ul></ul>中至少应包含一对<li></li>。值得一提的是,<ul>和<li>都拥有type属性,用于指定列表项目符号。但通常不赞成使用无序列表的type属性,一般通过CSS样式属性替代。
41、
系统提供
下列选项中,属于list-style-type属性值的是( )。
修改
- disc
- square
- alpha
- upper-roman
参考答案:
[ "A", "B", "D" ]
答案解析:
无
42、
系统提供
下列标记属性中,能够用于实现列表项目图像的是( )。
修改
- list-style-image
- background
- img
- float
参考答案:
[ "A", "B" ]
答案解析:
list-style-image属性可以为各个列表项设置项目图像,通过为<li>设置背景(background)图像的方式也可以实现列表项目图像。<img />为图片标记,float为浮动属性,二者均不能实现列表项目图像的效果。
43、
系统提供
在无序列表中经常设置type属性,下列属于type属性值的是( )。
修改
- disc
- circle
- square
- pointer
参考答案:
[ "A", "B", "C" ]
答案解析:
无序列表的常用type属性值有三个,分别是:disc、circle、square。
44、
系统提供
定义列表常用于图文混排,其中<dd></dd>标记中放入对图片解释说明的文字。( )
修改
- 对
- 错
参考答案:
对
答案解析:
定义列表常用于图文混排,其中<dt></dt>标记中插入图片,<dd></dd>标记中放入对图片解释说明的文字。
45、
系统提供
在HTML常用的三种列表中,定义列表的列表项前没有任何项目符号。( )
修改
- 对
- 错
参考答案:
对
答案解析:
定义列表常用于对术语或名词进行解释和描述,与无序和有序列表不同,定义列表的列表项前没有任何项目符号。
46、
系统提供
使用链接伪类时,通常按照a:link、a:visited、a:hover和a:active的顺序书写。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用链接的4种伪类时,通常按照a:link、a:visited、a:hover和a:active的顺序书写,否则定义的样式可能不起作用。
47、
系统提供
在实际网页制作过程中,通常将list-style的属性值定义为0。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在实际网页制作过程中,为了更高效地控制列表项目符号,通常将list-style的属性值定义为none,然后通过为<li>设置背景图像的方式实现不同的列表项目符号。
48、
系统提供
在HTML中,<ul></ul>标记可以用于定义有序列表。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在HTML中,<ol></ol>标记用于定义有序列表,<li></li>为具体的列表项。
49、
系统提供
在无序列表中,不定义type属性时,就不会显示列表项目符号。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在无序列表中,不定义type属性时,列表项目符号显示为默认的“●”,为<ul>或<li>定义type属性时,列表项目符号则按相应的样式显示。
50、
系统提供
在CSS的列表样式属性中,list-style-type属性用于控制无序和有序列表的项目符号。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用列表时,经常需要定义列表的项目符号。在CSS中,list-style-type属性用于控制无序和有序列表的项目符号。
51、
系统提供
清除链接图像的边框效果,是为了使图像正常显示。( )
修改
- 对
- 错
参考答案:
对
答案解析:
为了不影响页面的美观,通常需要去掉图像的边框效果,使图像正常显示。
52、
系统提供
在定义列表中,一对<dt></dt>可以对应多对<dd></dd> ( ) 。
修改
- 对
- 错
参考答案:
对
答案解析:
不一定每对<dt></dt>都要对应一对<dd></dd>,可以一对多。如下面的代码是正确的:
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
53、
系统提供
创建图像超链接时,通常使用超链接标记<a></a>环绕图像来定义。( )
修改
- 对
- 错
参考答案:
对
答案解析:
创建图像超链接时,通常使用超链接标记<a></a>环绕图像来实现。
54、
系统提供
在为各个列表项设置项目图像之前,不需要为列表项设置“list-style:none;”。 ( )
修改
- 对
- 错
参考答案:
错
答案解析:
在为各个列表项设置项目图像之前,需要先清除list-style再设置图像。
55、
系统提供
在HTML中创建超链接非常简单,只需用<a></a>标记环绕需要被链接的对象即可。( )
修改
- 对
- 错
参考答案:
对
答案解析:
超链接虽然在网页中占有不可替代的地位,但是在HTML中创建超链接非常简单,只需用<a></a>标记环绕需要被链接的对象即可。
56、
系统提供
在HTML语言中,常用的列表有三种,分别为无序列表、有序列表和定义列表。( )
修改
- 对
- 错
参考答案:
对
答案解析:
为了满足网页排版的需求,HTML语言提供了3种常用的列表,分别为无序列表、有序列表和定义列表。
57、
系统提供
有序列表即为有排列顺序的列表,<ol></ol>标记用于定义有序列表。( )
修改
- 对
- 错
参考答案:
对
答案解析:
有序列表是有排列顺序的,<ol></ol>标记用于定义有序列表。
58、
系统提供
锚点链接就是带有id属性的超链接标签。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在HTML中,使用“<a href="#id名">链接文本</a>”创建链接文本,是带有id属性的超链接标签。
59、
系统提供
在CSS中,通过为<li>设置背景图像的方式可以代替list-style-image属性。( )
修改
- 对
- 错
参考答案:
对
答案解析:
list-style-image属性对列表项目图像的控制能力不强。因此,实际工作中不建议使用list-style-image属性,常通过为<li>设置背景图像的方式实现列表项目图像。
60、
系统提供
在超链接中,如果暂时没有确定链接目标,通常将<a>标记的href属性值定义为“*”。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在超链接中,如果暂时没有确定链接目标时,通常将<a>标记的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。
61、
系统提供
在有序列表中,不定义type属性时,有序列表的列表项默认按“I、II、III…”的顺序排列。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在有序列表中,不定义列表项目符号时,有序列表的列表项默认按“1、2、3…”的顺序排列。
62、
系统提供
在实际网页制作过程中,通常不会使用list-style复合属性控制列表样式。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在实际网页制作过程中,为了更高效地控制列表项目符号,通常将list-style的属性值定义为none。
63、
系统提供
在CSS中,通过为<li>设置背景图像的方式,能够更灵活的控制列表项目符号。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在CSS中,通过为<li>设置背景图像的方式,能够更灵活高效的控制列表项目符号。
64、
系统提供
当list-style-type属性取值为none时,列表会显示默认的项目符号。( )
修改
- 对
- 错
参考答案:
错
答案解析:
当list-style-type属性取值为none时,列表不显示任何符号。
65、
系统提供
超链接标记<a>的伪类有4种,分别表示未访问时、访问后、鼠标悬停和鼠标点击不动时超链接的状态。( )
修改
- 对
- 错
参考答案:
对
答案解析:
超链接标记<a>的伪类有4种,分别表示:
1、未访问时超链接的状态。
2、访问后超链接的状态。
3、鼠标悬停时超链接的状态。
4、鼠标点击不动时超链接的状态。
66、
系统提供
在HTML语言中,通过创建锚点链接,用户能够快速定位到目标内容。( )
修改
- 对
- 错
参考答案:
对
答案解析:
所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。
67、
系统提供
创建图像超链接时,图像产生的边框效果,会严重影响网页的功能。( )
修改
- 对
- 错
参考答案:
错
答案解析:
创建图像超链接时,在某些浏览中,图像会添加边框效果,会影响页面的美观,但不会影响页面的功能。
68、
系统提供
如果不设置list-style-position属性,列表项目符号默认位于列表文本以内。( )
修改
- 对
- 错
参考答案:
错
答案解析:
当不设置list-style-position属性时,列表项目符号位于列表文本以外(默认值)。
69、
系统提供
在超链接中,当target取值为“_self”,意为在原窗口中打开链接页面。( )
修改
- 对
- 错
参考答案:
对
答案解析:
target用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,意为在原窗口中打开,_blank为在新窗口中打开。
70、
系统提供
创建锚点链接时,使用<a>标记标注跳转目标的位置。( )
修改
- 对
- 错
参考答案:
错
答案解析:
创建锚点链接时,使用相应的id名标注跳转目标的位置。
71、
系统提供
使用复合属性list-style时,各个样式之间以逗号隔开。( )
修改
- 对
- 错
参考答案:
错
答案解析:
使用复合属性list-style时,各个样式之间以空格隔开,不需要的样式可以省略。
72、
系统提供
在CSS的列表样式属性中,list-style-image属性可以为各个列表项设置项目图像。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用list-style-image属性可以为各个列表项设置项目图像,使列表的样式更加美观。
73、
系统提供
在有序列表中,list-style-type 属性值的显示效果不可以是罗马数字。( )
修改
- 对
- 错
参考答案:
错
答案解析:
无
74、
系统提供
在超链接中“href”属性用于指定链接页面的打开方式。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在超链接中“target”用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,意为在原窗口中打开,_blank为在新窗口中打开。
75、
系统提供
在实际运用中,锚点链接常应用于内容较多,页面过长的网页。( )
修改
- 对
- 错
参考答案:
对
答案解析:
如果网页内容较多,页面过长,浏览网页时就需要不断地拖动滚动条,来查看所需要的内容,这样效率较低,且不方便。为了提高信息的检索速度,HTML语言提供了一种特殊的链接——锚点链接。
76、
系统提供
超链接是指从一个网页指向一个目标的连接关系。( )
修改
- 对
- 错
参考答案:
对
答案解析:
所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。
77、
系统提供
链接伪类可以实现不同的链接状态,a:active用来定义鼠标点击后超链接的状态。( )
修改
- 对
- 错
参考答案:
错
答案解析:
a: active{ CSS样式规则;}
表示:鼠标点击不动时超链接的状态。
78、
系统提供
在无序列表中,代码“list-style-type:square;”表示列表的项目符号是方块样式。( )
修改
- 对
- 错
参考答案:
对
答案解析:
无
79、
系统提供
链接伪类可以实现不同的链接状态,a:hover用来定义鼠标未访问时超链接的状态。( )
修改
- 对
- 错
参考答案:
错
答案解析:
a:hover{CSS样式规则;}
表示:鼠标经过、悬停时超链接的状态。
80、
系统提供
在CSS的列表样式属性中,list-style-position属性用于控制列表项目符号的位置。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在CSS中,list-style-position属性用于控制列表项目符号的位置。
81、
系统提供
创建锚点链接包括创建链接文本和设置跳转目标位置两个步骤。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在HTM语言中,创建锚点链接分为两步:
使用“<a href="#id名">链接文本</a>”创建链接文本
使用相应的id名标注跳转目标的位置
82、
系统提供
创建图像超链接时,只需将图像的边框定义为0,即可清除图像产生边框效果。( )
修改
- 对
- 错
参考答案:
对
答案解析:
去掉链接图像的边框很简单,只需将图像的边框定义为0即可。
83、
系统提供
在HTML中,<dt></dt>标记用于指定定义列表。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在HTML中,<dl></dl>标记用于指定定义列表,<dt></dt>和<dd></dd>并列嵌套于<dl></dl>中,其中,<dt></dt>标记用于指定术语名词,<dd></dd>标记用于对名词进行解释和描述。
84、
系统提供
在有序列表中,当type属性取值为“I”时,项目符号显示数字为1、2、3……。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在有序列表中,type属性取值为i或I时,项目符号显示为罗马数字i ii iii…或I II III…。
85、
系统提供
定义列表常用于图文混排,其中<dt></dt>标记中插入图片。( )
修改
- 对
- 错
参考答案:
对
答案解析:
定义列表常用于图文混排,其中<dt></dt>标记中插入图片,<dd></dd>标记中放入对图片解释说明的文字。
86、
系统提供
为了使未访问和访问后的链接样式保持一致,通常对a:link和a:visited应用相同的样式。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在实际工作中,通常只需要使用a:link、a:visited和a:hover定义未访问、访问后和鼠标悬停时的链接样式。并且常常对a:link和a:visited应用相同的样式,使未访问和访问后的链接样式保持一致。
87、
系统提供
伪类虽然不是真正意义上的类,但是它的名称可以由用户自定义。( )
修改
- 对
- 错
参考答案:
错
答案解析:
伪类并不是真正意义上的类,它的名称是由系统定义的,通常由标记名、类名或id名加“:”构成。
88、
系统提供
在列表属性中,list-style-image属性用来定义列表的项目符号。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用list-style-image属性可以为各个列表项设置项目图像。
89、
系统提供
列表项目符号的位置指的是列表项目符号相对于浏览器的位置。( )
修改
- 对
- 错
参考答案:
错
答案解析:
设置列表项目符号时,有时需要控制列表项目符号的位置,即列表项目符号相对于列表项内容的位置。
90、
系统提供
在使用list-style复合属性时,如果不设置某个属性,未设置的属性会使用其默认值。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用复合属性list-style时,通常按上面语法格式中的顺序书写,各个样式之间以空格隔开,不需要的样式可以省略。省略的属性会使用其默认值。
91、
系统提供
在无序列表中,子列表项<li>与</li>之间相当于一个容器,可以容纳所有的元素。( )
修改
- 对
- 错
参考答案:
对
答案解析:
<li>与</li>之间相当于一个容器,可以容纳所有的元素。但是<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标记中输入文字的做法是不被允许的。
92、
系统提供
设置<a>标签的css样式代码为“display:block”,<a>标签将变为块级元素。( )
修改
- 对
- 错
参考答案:
对
答案解析:
超链接标记<a>默认为行内元素,给<a>标签的添加CSS样式“display:block”,<a>标签将变为块级元素。
93、
系统提供
使用背景图像的方式来定义列表项目符号,需要先清除列表的默认显示样式。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用背景图像的方式来定义列表项目符号,需要先清除列表的默认显示样式,清除方法为list-style:none;。
94、
系统提供
在HTML中常用的列表有三种,其中有序列表是指有排列顺序的列表,其各个列表项按照一定的顺序排列。( )
修改
- 对
- 错
参考答案:
对
答案解析:
有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列,例如网页中常见的歌曲排行榜、游戏排行榜等都可以通过有序列表来定义。
95、
系统提供
list-style-image属性对列表项目图像的控制能力不强,因此实际工作中不建议使用。( )
修改
- 对
- 错
参考答案:
对
答案解析:
list-style-image属性对列表项目图像的控制能力不强。因此实际工作中不建议使用list-style-image属性,常通过为<li>设置背景图像的方式实现列表项目图像。
96、
系统提供
在HTM语言中,创建锚点链接和创建超链接的方式相同。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在HTM语言中,创建锚点链接分为两步:
使用“<a href="#id名">链接文本</a>”创建链接文本
使用相应的id名标注跳转目标的位置
97、
系统提供
创建图像超链接时,在任何浏览器中,图像都会添加边框效果。( )
修改
- 对
- 错
参考答案:
对
答案解析:
创建图像超链接时,在某些浏览中,图像会添加边框效果,影响页面的美观。例如“ie浏览器”。
98、
系统提供
在实际网页制作过程中,通常使用list-style-type属性控制列表的项目符号。( )
修改
- 对
- 错
参考答案:
错
答案解析:
因为各个浏览器对list-style-type属性的解析不同。因此,在实际网页制作过程中不推荐使用list-style-type属性。
99、
系统提供
链接伪类用于实现不同的链接状态,提高用户体验。( )
修改
- 对
- 错
参考答案:
对
答案解析:
定义超链接时,为了提高用户体验,经常需要为超链接指定不同的状态。在CSS中,通过链接伪类可以实现不同的链接状态。
100、
系统提供
创建文本超链接时,在任何浏览器中,文本都不会产生边框效果。( )
修改
- 对
- 错
参考答案:
对
答案解析:
创建文本超链接时,在任何浏览器中,文本都不会产生的边框效果。只会有默认的超链接样式。
101、
系统提供
在定义列表中,一对<dt></dt>标记可以对应多对<dd></dd>标记。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在定义列表中,一对<dt></dt>可以对应多对<dd></dd>,即可以对一个名词进行多项解释。
102、
系统提供
在实际网页制作过程中,通过为<li>设置背景图像的方式能够实现不同的列表项目符号。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在实际网页制作过程中,为了更高效地控制列表项目符号,通常将list-style的属性值定义为none,然后通过为<li>设置背景图像的方式实现不同的列表项目符号。
103、
系统提供
在CSS的列表样式属性中,使用list-style复合属性可以综合设置列表样式。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在CSS中列表样式也是一个复合属性,可以将列表相关的样式都综合定义在一个复合属性list-style中。使用list-style复合属性综合设置列表样式。
104、
系统提供
无序列表的各个列表项之间,虽然没有顺序级别之分,但是存在主从关系。( )
修改
- 对
- 错
参考答案:
错
答案解析:
无序列表是网页中最常用的列表,之所以称为“无序列表”,是因为其各个列表项之间没有顺序级别之分,通常是并列的,并不存在主导从属的关系。
105、
系统提供
使用list-style-image属性时,由于浏览器的兼容性,常常出现列表项目图像和列表项没有对齐的状况。( )
修改
- 对
- 错
参考答案:
错
答案解析:
列表项目图像和列表项没有对齐,这是因为list-style-image属性对列表项目图像的控制能力不强。因此,实际工作中不建议使用list-style-image属性,常通过为<li>设置背景图像的方式实现列表项目图像。
106、
系统提供
当通过定义列表实现图文混排时,需要对<dt></dt>和<dd></dd>构成的盒子均设置左浮动。( )
修改
- 对
- 错
参考答案:
对
答案解析:
当通过定义列表实现图文混排时,对<dt></dt>和<dd></dd>构成的盒子均设置左浮动,这是实现图文混排的关键。
107、
系统提供
创建图像超链接时,在IE6中图像会添加边框效果,需要将图像的边框定义为0。( )
修改
- 对
- 错
参考答案:
对
答案解析:
创建图像超链接时,在某些浏览中,图像会添加边框效果。去掉链接图像的边框很简单,只需将图像的边框定义为0即可。
108、
系统提供
设置访问前超链接的样式,需要为<a>标签添加链接伪类样式:a:visited。( )
修改
- 对
- 错
参考答案:
错
答案解析:
CSS中,通过链接伪类可以实现不同的链接状态,主要有四种:
a:link{ CSS样式规则;}表示:未访问时超链接的状态
a:visited{ CSS样式规则;}表示:访问后超链接的状态
a:hover{ CSS样式规则;}表示:鼠标经过、悬停时超链接的状态
a: active{ CSS样式规则;}表示:鼠标点击不动时超链接的状态
109、
系统提供
在列表样式属性中,用来为列表项设置项目图像的属性是【】。
修改
参考答案:
["list-style-image"]
答案解析:
使用list-style-image属性可以为各个列表项设置项目图像,使列表的样式更加美观。
110、
系统提供
<ul></ul>标记用于定义无序列表,每对<ul></ul>中至少应包含【】对<li></li>。
修改
参考答案:
["一"]
答案解析:
<ul></ul>标记用于定义无序列表,<li></li>标记嵌套在<ul></ul>标记中,用于描述具体的列表项,每对<ul></ul>中至少应包含一对<li></li>。
111、
系统提供
点击超链接标记<a>标签,在新窗口打开页面,需要设置属性target="【】"。
修改
参考答案:
["_blank"]
答案解析:
target用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,意为在原窗口中打开,_blank为在新窗口中打开。
112、
系统提供
【】常用于对术语或名词进行解释和描述,其列表项前没有任何项目符号。
修改
参考答案:
["定义列表"]
答案解析:
定义列表常用于对术语或名词进行解释和描述,与无序和有序列表不同,定义列表的列表项前没有任何项目符号。
113、
系统提供
在链接伪类中,设置访问后超链接的状态的伪类是【】。
修改
参考答案:
["a:visited"]
答案解析:
CSS中,通过链接伪类可以实现不同的链接状态,主要有四种:
a:link{ CSS样式规则;} 表示:未访问时超链接的状态
a:visited{ CSS样式规则;} 表示:访问后超链接的状态
a:hover{ CSS样式规则;} 表示:鼠标经过、悬停时超链接的状态
a: active{ CSS样式规则;} 表示:鼠标点击不动时超链接的状态
114、
系统提供
如果将一个超链接文本链接到页面中的某个锚点,则其href属性使用【】符号加相应的id名标。
修改
参考答案:
["#"]
答案解析:
在HTML中,使用“<a href="#id名">链接文本</a>”创建链接文本,其中href="#id名"用于指定链接目标的id名称。
115、
系统提供
【】列表是有排列顺序的,其各个列表项按照一定的顺序排列。
修改
参考答案:
["有序"]
答案解析:
有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列,例如网页中常见的歌曲排行榜、游戏排行榜等都可以通过有序列表来定义。
116、
系统提供
设置访问后超链接的样式,需要给<a>标签添加css样式的伪类是【】。
修改
参考答案:
["a:visited"]
答案解析:
CSS中,通过链接伪类可以实现不同的链接状态,主要有四种:
a:link{ CSS样式规则;}表示:未访问时超链接的状态
a:visited{ CSS样式规则;}表示:访问后超链接的状态
a:hover{ CSS样式规则;}表示:鼠标经过、悬停时超链接的状态
a: active{ CSS样式规则;}表示:鼠标点击不动时超链接的状态
117、
系统提供
【】属性用于控制列表项目符号的位置,其取值有inside和outside 两种。
修改
参考答案:
["list-style-position"]
答案解析:
list-style-position属性用于控制列表项目符号的位置,其取值有inside和outside两种,对它们的解释如下:
inside:列表项目符号位于列表文本以内
outside:列表项目符号位于列表文本以外(默认值)
118、
系统提供
请按照要求写出代码:
1、列表项目符号位于列表文本以外。
2、为列表符号添加背景图像的代码,背景图像的路径为“images/ie.gif”。
修改
参考答案:
{ list-style-position: outside; list-style-image: url("images/ie.gif"); }
答案解析:
list-style-position的值为outside时,表示列表项目符号位于列表文本以外。为列表项目符号添加背景图像用list-style-image:属性。
119、
系统提供
请简要说明什么是无序列表?
修改
参考答案:
无序列表是网页中最常用的列表,之所以称为“无序列表”,是因为其各个列表项之间没有顺序级别之分,通常是并列的。例如传智播客官网的导航栏结构清晰,各项之间(如“网页平面”与“java培训”)排序不分先后,这个导航栏就可以看做一个无序列表。
答案解析:
无序列表是网页中最常用的列表,之所以称为“无序列表”,是因为其各个列表项之间没有顺序级别之分,通常是并列的。
120、
系统提供
请简要描述定义列表的嵌套形式,并概括其中各个标记的含义。
修改
参考答案:
定义列表的开始使用<dl>(definition list)标记,列表中每个元素的标题使用<dt>(definition term)标记定义,后面跟随<dd>(definition description)标记,用于描述列表中元素的内容。
dt、dd交替成组出现,如下面是一个简单的定义列表:
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
答案解析:
本题考查定义列表的嵌套形式
121、
系统提供
请阅读下面的代码,根据注释中的要求填写代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>清除超链接图像的边框</title>
<style type="text/css">
______________________________ /*清除超链接图像的边框样式*/
</style>
</head>
<body>
<a href="#"><img src="951.png" width="400" height="182" /></a>
</body>
</html>
修改
参考答案:
img{border:0;}
答案解析:
考察如何清除超链接图像的边框样式。
122、
系统提供
请阅读下面的程序,根据注释中的要求填写代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>list-style-position属性</title>
<style type="text/css">
li{ border:1px solid #ccc; width:300px;}
.in{____________________} <!--列表项目符号位于列表文本以内-->
.out{___________________} <!--列表项目符号位于列表文本以外-->
</style>
</head>
<body>
<ul class="in">
<li>PS基础</li>
<li>UI设计课程</li>
<li>HTML基础</li>
</ul>
<ul class="out">
<li>PhotoShop</li>
<li>Adobe Illustrator</li>
<li>Dreamweaver</li>
</ul>
</body>
</html>
修改
参考答案:
1、list-style-position:inside;
2、list-style-position:outside;
答案解析:
list-style-position属性用于控制列表项目符号的位置,其取值有inside和outside两种,对它们的解释如下:
inside:列表项目符号位于列表文本以内
outside:列表项目符号位于列表文本以外(默认值)
123、
系统提供
请阅读下面无序列表搭建的结构,根据注释中的要求填写代码。
<ul>
<li __________________>T恤</li> <!--指定列表项目符号是空心小圆圈样式-->
<li>连衣裙</li>
<li___________________>裤子</li> <!--指定列表项目符号是小方块样式-->
</ul>
修改
参考答案:
1、type=“circle”
2、type=“square”
答案解析:
在无序列表中type属性用于指定列表项目符号,其常用属性值有三个,分别是 disc、circle、square,其中disc显示为默认的实心小圆圈样式;circle显示为空心小圆圈样式;square显示为实心小方块样式。
124、
系统提供
阅读下面的代码,并按照注释要求填写代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS list-style-image 属性示例</title>
<style type="text/css" media="all">
ul
{
______: url("/images/list-orange.png");/* 定义列表的背景图像*/
}
</style>
</head>
<body>
<ul>
<li>使用图片显示列表样式</li>
<li>本例中使用了 list-orange.png 图片</li>
<li>我们还可以使用 list-green.png top.png 或 up.png 图片</li>
<li>大家可以尝试修改下面的代码</li>
</ul>
</body>
</html>
修改
参考答案:
list-style-image
答案解析:
list-style-image用来控制li的背景图像。
125、
系统提供
请简要说明什么是有序列表?
修改
参考答案:
有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列,例如网页中常见的歌曲排行榜、游戏排行榜等都可以通过有序列表来定义。<ol></ol>标记用于定义有序列表,<li></li>为具体的列表项,每对<ol></ol>中也至少应包含一对<li></li>。
答案解析:
考察对有序列表的理解
126、
系统提供
请使用合理的HTML标记组织下面的文字,以表达正确的语义。
计算的结构
鼠标
是计算机输入设备的简称,分有线和无线两种。
显示器
以视觉方式显示信息的装置
键盘
用于操作设备运行的一种指令和数据输入装置
修改
参考答案:
<h3>计算的结构</h3>
<dl>
<dt>鼠标</dt>
<dd>是计算机输入设备的简称,分有线和无线两种。</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置</dd>
<dt>键盘</dt>
<dd>用于操作设备运行的一种指令和数据输入装置</dd>
</dl>
答案解析:
这些文字中,“鼠标”、“显示器”、“键盘”分别是计算机中一些部件的名称,而“是计算机输入设备的简称,分有线和无线两种”等语句是解释说明上述词条的。所以应该使用定义列表。
127、
系统提供
请阅读下面的程序,根据注释中的要求填写代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>超链接标记</title>
</head>
<body>
<a href="#" __________________> <!--指定链接页面的打开方式为在新窗口中打开-->
<img src="1.jpg" width="200" height="200" _______________/> <!--去掉链接图像的边框-->
</a>
</body>
</html>
修改
参考答案:
1、target="_blank"; 2、border="0"
答案解析:
target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,意为在原窗口中打开,_blank为在新窗口中打开。
去掉链接图像的边框很简单,只需将图像的边框定义为0即可。
128、
系统提供
请分别描述一下超链接的四个常用伪类状态?
修改
参考答案:
CSS中,通过链接伪类可以实现不同的链接状态,具体解释如下:
a:link{ CSS样式规则;}表示:未访问时超链接的状态
a:visited{ CSS样式规则;}表示:访问后超链接的状态
a:hover{ CSS样式规则;}表示:鼠标经过、悬停时超链接的状态
a: active{ CSS样式规则;}表示:鼠标点击不动时超链接的状态
答案解析:
考察链接伪类的四种状态
129、
系统提供
list-style-position属性用于控制列表项目符号的位置,其取值有inside和outside两种,请分别用两种方式给li的项目列表加背景图像。
修改
参考答案:
ul#inside
{
list-style-position:inside;
list-style-image:url("/images/list-orange.png");
}
ul#outside
{
list-style-position:outside;
list-style-image:url("/images/list-green.png");
}
答案解析:
list-style-position属性用于控制列表项目符号的位置,其取值有inside和outside两种。Inside表示列表项目符号位于列表文本以内。outside表示列表项目符号位于列表文本以外(默认值)。为项目符号添加背景图像用list-style-image属性。