如何使用a標(biāo)簽樣式和a標(biāo)簽屬性寫法

本篇內(nèi)容介紹了“如何使用a標(biāo)簽樣式和a標(biāo)簽屬性寫法”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

a標(biāo)簽樣式

一組專門的預(yù)定義的類稱為偽類，主要用來(lái)處理超鏈接的狀態(tài)。超鏈接文字的狀態(tài)可以通過偽類選擇符＋樣式規(guī)則來(lái)控制。偽類選擇符包括：

總: a          表示所有狀態(tài)下的連接 如 .mycls a{color:red}

① a:link：未訪問鏈接 ,如 .mycls a:link {color:blue}

② a:visited：已訪問鏈接 ,如 .mycls a:visited{color:blue}

③ a:active：激活時(shí)（鏈接獲得焦點(diǎn)時(shí)）鏈接的顏色 ,如 .mycls a:active{color:blue}

④ a:hover：鼠標(biāo)移到鏈接上時(shí) ,如 .mycls a:hover {color:blue}

一般a:hover和a:visited鏈接的狀態(tài)（顏色、下劃線等）應(yīng)該是相同的。

前三者分別對(duì)應(yīng)body元素的link、vlink、alink這三個(gè)屬性。

四個(gè)“狀態(tài)”的先后過程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能設(shè)置有無(wú)下劃線（總是有的）。

舉例：偽類的常見狀態(tài)值

代碼如下:

<style type = “text/css”>
<!--
a {font-size:16px}
a:link {color: blue; text-decoration:none;} //未訪問：藍(lán)色、無(wú)下劃線
a:active:{color: red; } //激活：紅色
a:visited {color:purple;text-decoration:none;} //已訪問：purple、無(wú)下劃線
a:hover {color: red; text-decoration:underline;} //鼠標(biāo)移近：紅色、下劃線
-->
</style>

a標(biāo)簽屬性

a標(biāo)簽是成對(duì)出現(xiàn)的,以<a>開始, </a>結(jié)束

屬性.

Common -- 一般屬性
accesskey -- 代表一個(gè)鏈接的快捷鍵訪問方式
charset -- 指定了鏈接到的頁(yè)面所使用的編碼方式,比如UTF-8
coords -- 使用圖像地圖的時(shí)候可以使用此屬性定義鏈接的區(qū)域,通常是使用x,y坐標(biāo)
href -- 代表一個(gè)鏈接源(就是鏈接到什么地方)
hreflang -- 指出了鏈接到的頁(yè)面所使用的語(yǔ)言編碼
rel -- 代表文檔與鏈接到的內(nèi)容(href所指的內(nèi)容)的關(guān)系
rev -- 代表文檔與鏈接到的內(nèi)容(href所指的內(nèi)容)的關(guān)系
shape -- 使用圖像地圖的時(shí)候可以使用shape指定鏈接區(qū)域
tabindex -- 代表使用"tab"鍵,遍歷鏈接的順序
target -- 用來(lái)指出哪個(gè)窗口或框架應(yīng)該被此鏈接打開
title -- 代表鏈接的附加提示信息
type -- 代表鏈接的MIME類型

“如何使用a標(biāo)簽樣式和a標(biāo)簽屬性寫法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！