css基础样式（二）

1.css链接

• css样式链接的四种状态
• 1.a:link 普通的未被访问的链接
• 2.a:visvited已经被访问的链接
• 3.a:hover鼠标指针位于链接的上方
• 4.a:active链接被点击时
  这四个属性都可以设置color，background，font—family等
  注意！
  a:hover必须位于a:link或a:visited后
  a:active必须位于a:hover后

2.css列表
这里的列表类型主要是无序列表（ul）

• 列表类型，用list-style-type来控制标记标记类型（用圆形还是方形，还是罗马数字，），具体属性值↓

http://www.w3school.com.cn/cssref/pr_list-style-type.asp

• 列表项图片，用list-style-image属性来控制列表项图片，具体属性值↓(把列表项替换成图片）

http://www.w3school.com.cn/cssref/pr_list-style-image.asp

• 放置列表项标记，list-style-position属性控制何处放置列表项标记，具体属性如↓

http://www.w3school.com.cn/cssref/pr_list-style-position.asp

简写列表样式！

• 把所有用于列表的属性设置于一个声明内，用list-style属性，具体属性↓
• 一般是{list-style-type，list-style-position，list-style-image书写格式}

http://www.w3school.com.cn/cssref/pr_list-style.asp

3.css表格
了解
border-collapse —设置是否把表格边框合并为单一的边框。

border-spacing —设置分隔单元格边框的距离。

caption-side — 设置表格标题的位置。

empty-cells —设置是否显示表格中的空单元格。

table-layout —设置显示单元、行和列的算法等属性。
然后尝试border—collapse 让整个列表边框合并为单线，再使用width，height 来定制表格大小，之后用background-color 加上背景颜色，text-align 设置字符对齐方式，padding 设置内边距。
border属性值↓

http://www.w3school.com.cn/cssref/pr_border.asp

4.css轮廓（outline）
outline属性值↓

http://www.w3school.com.cn/cssref/pr_outline.asp

注意事项
第三项表格多了解属性了解padding，border等属性