列表
CSS 列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。
css列表属性：
| 属性 | 描述 |
|---|---|
| list-style | 简写属性。用于把所有用于列表的属性设置于一个声明中。 |
| list-style-image | 将图象设置为列表项标志。 |
| list-style-position | 设置列表中列表项标志的位置。 |
| list-style-type | 设置列表项标志的类型。 |
代码举例：
- 修改用于列表项的标志类型：
ul {list-style-type : square}
- 有时，常规的标志是不够的。你可能想对各标志使用一个图像：
ul li {list-style-image : url(xxx.gif)}
- 规定列表中列表项目标记的位置：
ul {list-style-position:inside;}
- 为简单起见，可以将以上 3 个列表样式属性合并为一个方便的属性:
li {list-style : url(example.gif) square inside}
表格
CSS 表格属性可以帮助您极大地改善表格的外观。
CSS Table 属性:
| 属性 | 描述 | 例子 |
|---|---|---|
| border | 设置表格边框。 | 代码1* |
| border-collapse | 设置是否把表格边框合并为单一的边框。 | 代码2* |
| border-spacing | 设置分隔单元格边框的距离。 | 代码3* |
| caption-side | 设置表格标题的位置。 | 代码4* |
| empty-cells | 设置是否显示表格中的空单元格。 | 代码5* |
| table-layout | 设置显示单元、行和列的算法。 | 代码6* |
代码1：
table, th, td
{
border: 1px solid blue;
}
代码2：
table
{
border-collapse:collapse;
}
table,th, td
{
border: 1px solid black;
}
代码3：
table
{
border-collapse:separate;
border-spacing:10px 50px;//水平间隔 竖直间隔
}
代码4：
caption
{
caption-side:bottom;//or top
}
代码5：
table
{
border-collapse:separate;
empty-cells:hide;//or show
}
代码6：
table
{
table-layout:fixed;//or automatic or inherit
}
