css学习笔记20160120链接列表表格

链接的css样式的选择器根据链接的四种状态有四种分别为a:link正常状态,a:visited访问过的状态,a:hover鼠标悬停状态,a:active鼠标点击状态.可以分别用color属性和text-decoration改变链接的对应状态的颜色和装饰线.当然也可以改变各种字体大小背景颜色等属性.其中hover状态必须跟在link和visited后面,active必须跟在hover后面.

为不同超链接添加不同样式时需要"a#id名:状态{声明}"或者是"a.id名:状态{声明}"

为不同列表添加不同样式原理相同即ul.a{}或者ol#a{}

列表不同风格的属性list-style-type有序列表主要有circle和square,有序列表主要有upper-roman,lower-alpha

可以将列表前面的图案替换成指定图案list-style-image:url('xxx.jpg');

list-style-type属性和list-type-image属性可以缩写为list-style比如ul{list-style:square url("xxx.jpg");}

关于列表样式还有一个属性list-style-position设置列表前标记占不占用li的位置,如果是outside列表前面标记不占用li空间,在里元素前面,如果是inside列表前标记在li元素内最前面,占用li元素的位置.

css设置表格的边框样式,表格里面有两种单元格.一种是包含表头信息的th表头单元格,一种是包含数据信息的td标准单元格.

设置边框属性声明例如table,th,td{border:solid 3px blue};设置整个表格所有边框为solid 3px blue,三个属性分别是边框线的类型,边框线的宽度,边框线的颜色.

由于table和th和td都具有各自独立的边界,所以table看起来是双边线.可以用table{border-collapse:collapse;}实现边界折叠成单一边界.

其中border-width有三个标准值thin(细线),medi