css学习之-对链接应用样式

1.简单的链接样式

对链接应用样式最容易的方式是使用锚类型选择器，但是锚类型选择器也不总是理想的，因为它既可以作为内部引用，又可以作为外部链接。

锚的伪类选择器，：link，：visited，：hover，：focus，：active

大多数人最初使用锚选择器做的第一件事是去掉链接的下划线，text-decoration：none，添加下划线，text-decoration：underline

2.简单的链接修饰

a.使用边框创建不太影响美观的下划线

b.使用图像创建链接下划线

3.为已访问链接设置样式，避免不必要的回溯操作

4.为链接目标设置样式

使用：target伪类设置样式

5.突出显示不同类型的链接

在很多站点上，很难看出链接是指向本站点上的另一个页面，还是指向另一个站点，为了区别，还是在外部链接旁边加一个小图标。在页面上包含外部链接最容易的方法是在所有外部链接上加一个类，然后将图标作为背景图像应用。但是这种方法不太灵巧。

还有一种方法是使用属性选择器

6.创建类似按钮的链接

display：block，在修改width，height等属性

使用line-height而非height设置行高，可以使文本垂直居中。

tip：链接只用于get请求，不能用于post请求