利用css設(shè)置四種不同樣式超鏈接的方法

html超鏈接樣式包括：正在連接、訪問(wèn)過(guò)、鼠標(biāo)盤(pán)旋，各個(gè)文本字體樣式設(shè)置如下

成都創(chuàng)新互聯(lián)10多年企業(yè)網(wǎng)站建設(shè)服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及高端網(wǎng)站定制服務(wù),企業(yè)網(wǎng)站建設(shè)及推廣,對(duì)混凝土攪拌罐車(chē)等多個(gè)行業(yè)擁有豐富的營(yíng)銷(xiāo)推廣經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。

style type="text/css"

!-- 超鏈接文本字體設(shè)置--

A {

FONT-SIZE: 16px; FONT-FAMILY: 宋體

}

!-- 超鏈接正在連接的文本字體設(shè)置--

A:link {

COLOR: #0055bb; TEXT-DECORATION: none

}

!-- 超鏈接訪問(wèn)過(guò)的文本字體設(shè)置--

A:visited {

COLOR: #0077bb; TEXT-DECORATION: none

}

!-- 超鏈接鼠標(biāo)盤(pán)旋的文本字體設(shè)置--

A:hover {

COLOR: #ff0000; TEXT-DECORATION: none

}

/style

CSS鼠標(biāo)點(diǎn)擊鏈接的樣式

我們?cè)邳c(diǎn)擊超鏈接的時(shí)候，會(huì)發(fā)現(xiàn)

這四個(gè)狀態(tài)，鏈接的文本會(huì)發(fā)生不一樣的狀態(tài)，這樣的效果就是用CSS的偽類(lèi)選擇器來(lái)實(shí)現(xiàn)。

正確的CSS順序應(yīng)該是

Why?

因?yàn)檫@四個(gè)CSS的優(yōu)先級(jí)是一樣的，所有后者會(huì)覆蓋前者。

從實(shí)現(xiàn)的步驟來(lái)分析，就應(yīng)該是這樣排列才對(duì)。

用戶的操作步驟是

1. 還沒(méi)有點(diǎn)擊鏈接

那么只有 a:link 這一條樣式生效，用戶看到的是沒(méi)有點(diǎn)擊的樣式。

2. 鼠標(biāo)移上去懸浮在鏈接上

那么 a: link 和 a: hover 這兩條生效，由于 a: hover 在后面，所以樣式3覆蓋了樣式1，顯示的是鼠標(biāo)移上去懸浮在鏈接上這個(gè)樣式

3. 鼠標(biāo)按了下去

那么 a:link 、 a:hover 和 a:active 這三條生效， a:active 覆蓋了前兩者，顯示出來(lái)的就是鼠標(biāo)點(diǎn)擊時(shí)候的樣式。

4. 點(diǎn)擊完發(fā)生鏈接之后

那么 a: visited 這一條永久生效，顯示出來(lái)的就是鏈接后的樣式。

總之，必須是，

CSS決定網(wǎng)頁(yè)樣式,樣式添加可以通過(guò)單獨(dú)文件鏈接樣式、嵌入樣式、行內(nèi)樣式幾種

有外部式，內(nèi)嵌式，行內(nèi)樣式。

1、外部式：

（1）用法：當(dāng)要在站點(diǎn)上所有或部分網(wǎng)頁(yè)上一致地應(yīng)用相同樣式時(shí)，可使用外部樣式表。在一個(gè)或多個(gè)外部樣式表中定義樣式，并將它們鏈接到所有網(wǎng)頁(yè)，便能確保所有網(wǎng)頁(yè)外觀的一致性。如果人們決定更改樣式，只需在外部樣式表中修改一次，而該更改會(huì)反映到所有與該樣式表相鏈接的網(wǎng)頁(yè)上。

（2）舉例：通常外部樣式表以 .css 做為文件擴(kuò)展名，例如 Mystyles.css。然后在需要此樣式的頁(yè)面中將其鏈接進(jìn)來(lái)。

2、內(nèi)嵌式：

（1）用法：當(dāng)人們只是要定義當(dāng)前網(wǎng)頁(yè)的樣式，可使用嵌入的樣式表。嵌入的樣式表是一種級(jí)聯(lián)樣式表，“嵌”在網(wǎng)頁(yè)的 標(biāo)記符內(nèi)。嵌入的樣式表中的樣式只能在同一網(wǎng)頁(yè)上使用。

（2）舉例：在 MicrosoftFrontPage2000中，某些格式設(shè)置特性會(huì)作為內(nèi)嵌樣式自動(dòng)應(yīng)用。例如∶如果使用 “邊框與陰影” 命令（在 “格式” 菜單上）在普通段落周?chē)鷳?yīng)用框，F(xiàn)rontPage 會(huì)寫(xiě)下格式設(shè)置信息，作為段落標(biāo)記符的內(nèi)嵌樣式屬性。

3、行內(nèi)樣式：

行內(nèi)樣式就是直接把CSS代碼添加到HTML的標(biāo)記中，即作為HTML標(biāo)記的屬性標(biāo)記存在。通過(guò)這種方法，可以很簡(jiǎn)單地對(duì)某個(gè)元素單獨(dú)定義樣式。

css鏈接樣式怎么設(shè)置

css可以使用下面的幾種偽類(lèi)來(lái)設(shè)置鏈接樣式：

鏈接的四種狀態(tài)：

a:link - 普通的、未被訪問(wèn)的鏈接

a:visited - 用戶已訪問(wèn)的鏈接

a:hover - 鼠標(biāo)指針位于鏈接的上方

a:active - 鏈接被點(diǎn)擊的時(shí)刻

當(dāng)為鏈接的不同狀態(tài)設(shè)置樣式時(shí)，要按照如下規(guī)則：

a:hover 必須位于 a:link 和 a:visited 之后

a:active 必須位于 a:hover 之后

網(wǎng)頁(yè)中怎么在CSS中定義不同的鏈接樣式

有一個(gè)笨方法, 首選,你設(shè)置頁(yè)面屬性的鏈接屬性為你想要的第一種樣式,然后新建一個(gè)頁(yè)面,也同樣設(shè)置頁(yè)面屬性為你想要的第二種鏈接樣式,區(qū)別就是在第二種前面加個(gè)自定義的名稱(chēng),比如: #lan a { font-family: 宋體; font-size: 13px; color: #053052; } #lan a:link { text-decoration: none; } #lan a:visited { text-decoration: none; color: #053052; } #lan a:hover { text-decoration: underline; color: #FF0000; } #lan a:active { text-decoration: none; color: #053052; } 這個(gè)#lan就是你起的名字,可以隨意起,把這代碼粘進(jìn)同一頁(yè)面內(nèi),然后在你想調(diào)取這個(gè)樣式的位置,是表格的話,就放在td里,如果是DIV的話,就放在DIV里,以id="lan"這樣來(lái)應(yīng)用這個(gè)自建的鏈接樣式

網(wǎng)站標(biāo)題：css設(shè)計(jì)鏈接樣式,鏈接css樣式表
網(wǎng)站鏈接：http://chinadenli.net/article12/dsejodc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、ChatGPT、品牌網(wǎng)站設(shè)計(jì)、商城網(wǎng)站、面包屑導(dǎo)航、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)