css學習之-對連結應用樣式

標籤：使用   display   樣式   target   網站   方法   邊框   底線   lin   

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請求

 

css學習之-對連結應用樣式