CSS中的链接、列表、表格、盒子模型、边距属性

一、超链接

链接的样式

1. 链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。
2. 特别的链接，可以有不同的样式，这取决于他们是什么状态。
3. 这四个链接状态是：
   a:link - 正常，未访问过的链接
   a:visited - 用户已访问过的链接
   a:hover - 当用户鼠标放在链接上时
   a:active - 链接被点击的那一刻
4. 注意
   a:hover 必须跟在 a:link 和 a:visited后面
   a:active 必须跟在 a:hover后面

二、列表

列表分类

1. ul (无序列表 ) ： 列表项标记用特殊图形（如小黑点、小方框等）
2. ol（有序列表）：列表项的标记有数字或字母

列表属性

属性	描述
list-style	简写属性。用于把所有用于列表的属性设置于一个声明中
list-style-image	将图像设置为列表项标志。
list-style-position	设置列表中列表项标志的位置。
list-style-type	设置列表项标志的类型

三、表格（Table）

表格属性的详细解说

（1）border-collapse

1. 描述：规定是否合并表格边框
2. 属性值

值	说明
collapse	边框会合并为一个单一的边框
separate	默认值。边框会被分开。(和原来默认一样)

3. 示例

table {border-collapse: collapse;}

未添加如上代码

添加代码后

（2）border-spacing

1. 描述：属性设置相邻单元格的边框间的距离（仅用于"边框分离"模式）。
2. 示例

table{
	border-collapse:separate;
	border-spacing:10px;
	}

（3）border-spacing

1. 描述：属性设置相邻单元格的边框间的距离（仅用于"边框分离"模式）。
2. 示例

caption{caption-side:bottom;}

未添加代码

添加后

属性值

值	描述
top	默认值。把表格标题定位在表格之上。
bottom	把表格标题定位在表格之下。

四、盒子模型

1. 描述：
   封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
   盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
   

五、边框(Border)

其他的类似

详细解说

（1）border-style（边框样式）

1. 属性值：

值	描述
none	无边框。
hidden	与 “none” 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted	点状边框
dashed	虚线。
solid	实线。
double	定义双线。双线的宽度等于 border-width 的值。
groove	定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge	定义 3D 垄状边框。其效果取决于 border-color 的值。
inset	定义 3D inset 边框。其效果取决于 border-color 的值。
outset	定义 3D outset 边框。其效果取决于 border-color 的值。
inherit	规定应该从父元素继承边框样式。