CSS用网页添加列表和超链接
1.列表标签
1)无序列表<ul>:各个表项之间没有顺序级别之分（<li>是列表项，每对<ul></ul>中至少包含一对<li></li>
<ul>和<li>都拥有type属性：disc、circle、square
2)有序列表<ol>:属性有type,start(规定项目符号的起始值)、value(规定项目符号的数字)
3)定义列表<dl>:<dl>用于指定定义列表，<dt>用于指定术语名称，<dd>用于对名词的解释，<dt>和<dd>嵌套于<dl>当中，且三个标签之间不允许出现其他标签。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>无序列表/有序列表/定义列表</title> </head> <body> <ul type="square"> <li>动物 <ul> <li>两栖动物1</li> <li>爬行动物2 <ul type="circle"> <li>蜥蜴</li> <li>壁虎</li> </ul> </li> </ul> </li> <li>植物</li> </ul> <ol> <li>大师兄孙悟空</li> <li>二师兄猪八戒</li> <li>三师弟沙和尚</li> </ol> <ol> <li type="1">第一名状元</li> <li type="a">第二名榜眼</li> <li type="I">第三名探花</li> </ol> <dl> <dt>名词</dt> <dd>对名词的描述信息1</dd> <dd>对名词的描述信息2</dd> </dl> </body> </html>
2.CSS控制列表样式
1）list-style-type属性：控制列表项显示符号的类型
2）list-style-image属性：为各个列表项设置项目图像，使列表的样式更加美观
3）list-style-position属性：用于控制列表项目的位置
4）list-style属性：综合设置
3.超链接标签
1）创建超链接<a href="跳转目标" target="目标窗口的弹出方式"></a> (!有些超链接会出现边框，设置border="0")
<a href="http://www.baidu.com" target="_self">百度<br/></a> <a href="https://home.firefoxchina.cn/" target="_blank">火狐主页<br/></a>
2)锚点链接
<a href="#one">锚点</a> ... <ul type="square" id="one">...</ul>
3)超链接<a>的伪类
a:link 超链接的默认样式
a:visited 超链接被访问过的样式
a:hover 鼠标经过，悬停时超链接的样式
a:active 鼠标单击不动使超链接的样式
