1 超链接样式
1.1 链接状态
a:link - 正常,未访问过的链接
a:visited - ⽤户已访问过的链接
a:hover - 当⽤户⿏标放在链接上时
a:active - 链接被点击的那⼀刻
注意:尽量按照上⾯的顺序写,不然⼀些状态不会起作⽤
1.2 字体颜⾊
超链接的color属性,不能继承,必须作⽤于它本身才⽣效
2 列表样式
1.1 list-style
简写属性在⼀个声明中设置所有的列表属性。设置顺序:list-style-type, list-style-position, list-style-image。默认值为:disc outside none。
1.2 list-style的几个属性
list-style-type 设置列表标记样式
-
默认值: disc(实⼼圆)
-
circle(空⼼圆)
-
square(⽅形)
-
decimal(0开头的数字标记)
-
lower-roman(小写罗马数字)
-
upper-roman(大写罗马数字)
list-style-position 设置在何处放置列表标记
-
默认值: outside
-
inside 列表项目标记放置在文本以内,且环绕文本根据标记对齐。
list-style-image 设置使⽤图像来替换列表项的标记
-
none 不指定图⽚,默认内容标记将被 list-style-type 代替
-
url 使⽤绝对或相对地址指定列表项标记图⽚,如果图像地址⽆效,默认内容标记将被 list-style-type 代替
ul { list-style-type:square; list-style-position: inside; list-style-image:url(''); }
3 表格样式
1.1 width
设置宽度
1.2 height
设置⾼度
1.3 border
设置边框粗细
1.4 border-collapse
collapse 设置表格的边框是否被折叠成一个单一的边框或隔开
1.5 text-align
⽔平⽅向对⻬⽅式,它的值: left | center | right
1.6 vertical-align
垂直⽅向对⻬⽅式,它的值:top | middle | bottom