列表和超链接

裂变和超链接

1、列表标签
（1）无序列表
无序列表是一种不分排序的列表，各个列表项之间没有顺序之分。无序列表使用ul标签定义，内部可以嵌套多个li标签（li是列表项）。
ul和li标签都拥有type属性，用于指定列表项目符号。
type的属性值
①disc（默认值）：实心圆
②circle：空心圆
③square：实心方块
不定义type属性时，列表项目符号显示为实心圆，设置属性将按照设置为准。
不赞成使用无序列表的type属性，一般通过CSS样式属性代替。
ul中只能嵌套li，直接在ul标签中输入文字的做法是不被允许的。
li标签相当于一个容器，可以容纳所有元素
2、有序列表：是一种强调排序的列表，使用ol标签定义，内部可以嵌套多个li标签。
每队ol标签中至少有一对li标签。
ol标签的一些属性：
①type：1（默认），a或者A，i或者Ⅰ
②start：参数值为数字，规定项目符号的起始值
③value：参数值为数字，规定项目符号的数字。
不定义列表项目符号时，有序列表的列表项默认按照1，2，3.。。的顺序排列。当使用type或者value定义列表项目符号时，有序列表的列表项按指定的项目符号表示。
不赞成使用ol、li、的type、start和value属性，最好通过CSS样式属性代替。
3、定义列表
定义列表与有序列表、无序列表父子搭配不同，它包含三个标签：dl、dt、dd标签

<dl>
     <dt>名词1</dt>
     <dd>dd是名词1的描述信息</dd>
     <dd>dd是名词1的描述信息</dd>
</dl>

dl标签用于指定定义列表，dt标签和dd标签并列嵌套在dl标签里。
其中dt标签用于指定术语名词，dd标签用于对名词进行解释和描述。
一对dt标签可以对应多对dd标签，，也就是说可以对一个名词进行多项解释。

注意：dl、dt、dd三个标签之间不允许出现其他标签。
dl标签必须与dt标签相邻。
dt标签也可用于插入图片。
4、CSS控制列表样式
（1）list-style-type属性：用于控制列表项显示符号的类型，其取值有多种，显示效果各不同。
属性值：
①disc：描述：实心圆，
②circle：描述：空心圆，
③square：描述：实心方块，
④decimal：描述：阿拉伯数字，属性值：decimal-leading-zero：以0开头的阿拉伯数字。
⑤lower-roman：描述：小写罗马数字，属性值：upper-roman
⑥lower-alpha：小写英文字母
⑦none：不适用项目符号
⑧lower-latin：小写拉丁字母
⑨upper-alpha：大写英文字母
⑩upper-latin：大写拉丁字母
由于各个浏览器对list-style-type属性解析不同，因此，在实际网页制作过程中不推荐使用
5、list-style-image属性
其取值为图像url，该属性可以为各个列表设置项目图像，使列表的样式更加美观
由于该属性对列表项目图像的控制力不强，因此不建议使用该属性，常常通过li设置背景图像的方式问实现列表项目图像
6、list-style-position属性
用于控制列表项目符号的位置，取值有
①inside：列表项目符号位于列表文本以内
②outside：列表项目符号位于列表文本以外
7、list-style属性
该属性为复合属性。

list-style:列表项目符号 列表项目符号的位置 列表项目图像;

8、超链接
（1）创建超链接

<a  href="跳转目标" target="目标窗口的弹出方式">文本图像</a>

a标签是一个行内元素，用于定义超链接。
herf：用于指定链接目标的地址，当为a标签应用href属性时，它就具有了超链接的功能。
target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，意为在原窗口打开，_blank为在新窗口打开。
9、锚点链接
创建锚点链接分为两步：
①使用a标签应用href属性（href属性="#id名"，id名不可重复）创建链接文本；
②使用相应的id名标注跳转目标的位置。
10、链接伪类控制超链接
a:link{CSS样式规则}：超链接的默认样式
a:visited{CSS样式规则}：超链接被访问之后的样式
a:hover{CSS样式规则}：鼠标指针经过、悬停时超链接的样式
a:active{CSS样式规则}：鼠标点击不放时超链接的样式。
①使用超链接的4种伪类时，对排列顺序要求的。通常按照：a:link、a:visited、a:hover和a:active的顺序书写，否则定义的样式可能不起作用。
②超链接的4种伪类状态并非全部定义，一般只需要设置3种状态即可。如link、hover和active。只设定两种状态的话，即用link、hover来定义。
③除了文本样式之外，链接伪类还常常用于控制超链接的背景、边框等样式。