列表与超链接.ppt

《列表与超链接.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第五章列表与超链接列表标记超链接标记列表样式的控制CSS伪类5.1列表标记5.2CSS控制列表样式5.3超链接标记5.4链接伪类控制超链接5.5阶段案例-制作新闻列表5.1.1无序列表ul无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：在上面的语法中，

• 列表项1
• 列表项2
<

2、li>列表项3......

3、有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下：在上面的语法中，

1. 列表项1
2. 列表项2
3. 列表项3
......

定义start属性、为
1. 定义value属性，它们决

   4、定有序列表的项目符号，其取值和含义如下表所示。注意:各浏览器对有序列表的type和value属性的解析不同。不赞成使用

   1. 的type、start和value属性，可通过CSS样式替代。属性属性值描述type1（默认）项目符号显示为数字123…a或A项目符号显示为英文字母abcd…或ABC…i或I项目符号显示为罗马数字iiiiii…或IIIIII…start数字规定项目符号的起始值value数字规定项目符号的数字5.1列表标记5.1.3定义列表dl定义列表常用于对术语或名词进行解释和描述，定义列表

      5、的列表项前没有任何项目符号。其基本语法如下：

      名词1

      名词1解释1

      名词1解释2

      ...

      名词2

      名词2解释1

      名词2解释2

      ...

      5.1列表标记5.1.3定义列表dl在上面的语法中，
      标记用于指定定义列表，
      和
      并列嵌套于
      中，其中，
      标记用于指定术语名词，
      标记用于对名词进行解释和描述。一对
      <

      6、/dt>可以对应多对

      ，即可以对一个名词进行多项解释。5.1列表标记5.1.4列表的嵌套应用在使用列表时，列表项中可能包含若干子列表项。要想在列表项中定义子列表项就需要将列表进行嵌套。5.2CSS控制列表样式5.2.1list-style-type属性list-style-type属性用于控制无序和有序列表的项目符号，其取值有多种，如下表所示。列表类型属性值显示效果无序列表（ul）disc●circle○square■有序列表（ol）decimal阿拉伯数字1、2、3......upper-

      7、alpha大写英文字母A、B、C......lower-alpha小写英文字母a、b、c......upper-roman大写罗马数字I、II、III......lower-roman小写罗马数字i、ii、iii......

      、
      公共属性none不显示任何符号5.2CSS控制列表样式5.2.1list-style-type属性注意:在实际网页制作过程中，各个浏览器对list-style-type属性的解析不同。因此，不推荐使用list-style-type属性。5.2CSS控制列表样式5.2.2

      8、list-style-image属性list-style-image属性的取值为图像的url（地址）。使用list-style-image属性可以为各个列表项设置项目图像，使列表的样式更加美观。5.2CSS控制列表样式5.2.3list-style-position属性list-style-position属性用于控制列表项目符号的位置，其取值如下所示：inside：列表项目符号位于列表文本以内。outside：