CSS学习系列3—链接、列表和表格

1.链接属性（link）

  链接属性用得比较多，不同的链接可以有不同的样式，特别的链接也可以有不同的样式，这取决于他们是什么状态。
这四个链接状态是：

• a:link—正常，未访问过的链接
• a:visited—用户已访问过的链接
• a:hover—当用户鼠标放在链接上时
• a:active—链接被点击的那一刻

当设置为若干链路状态的样式时，也有一些顺序规则：

• a:hover必须跟在a:link和a:visited后面
• a:active必须跟在a:hover后面

文本修饰：
text-decoration 属性主要用来删除链接中的下划线：

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

2.列表属性（ul）

  CSS列表属性作用：

• 设置不同的列表项标记为有序列表
• 设置不同的列表项标记为无序列表
• 设置列表项标记为图像

不同的列表项标记：
list-style-type属性指定列表项标记的类型是：

<style>
ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}
</style>

其中upper-roma是指大写的罗马数字，lower-alpha是指小写的字母a,b,c等。
列表项标记图像：
要指定列表项标记的图像，可以使用样式图像属性list-style-image:

ul
{
    list-style-image: url('sqpurple.gif');
}

简写属性：
按顺序设置如下：

• list-style-type
• list-style-position
• list-style-image
  如果上述值丢失一个，其余值仍在指定顺序，就没关系。

ul
{
    list-style: square url("sqpurple.gif");
}

3.表格属性

表格属性在这里主要讲一下表格边框，边框属性使用border定义：

table, th, td
{
    border: 1px solid black;
}

请注意，只设置边框，表格都会是双边框，因为表和th/td元素都拥有独立的边界，为了显示一个表的单个边框，我们可以使用border-collapse属性，对边框进行折叠。

table
{
    border-collapse:collapse;
}
table,th, td
{
    border: 1px solid black;
}