欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

css超鏈接偽類的作用有哪些

這篇文章主要介紹“css超鏈接偽類的作用有哪些”，在日常操作中，相信很多人在css超鏈接偽類的作用有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”css超鏈接偽類的作用有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

超過10年行業(yè)經(jīng)驗，技術(shù)領(lǐng)先，服務(wù)至上的經(jīng)營模式，全靠網(wǎng)絡(luò)和口碑獲得客戶，為自己降低成本，也就是為客戶降低成本。到目前業(yè)務(wù)范圍包括了：網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)，成都網(wǎng)站推廣，成都網(wǎng)站優(yōu)化，整體網(wǎng)絡(luò)托管，小程序開發(fā)，微信開發(fā)，app軟件開發(fā)，同時也可以讓客戶的網(wǎng)站和網(wǎng)絡(luò)營銷和我們一樣獲得訂單和生意！

4種css超鏈接偽類的作用：1、“:link”，定義正常鏈接的樣式；2、“:visited”，定義已訪問過鏈接的樣式；3、“:hover”，定義鼠標(biāo)懸浮在鏈接上時的樣式；4、“active”，定義鼠標(biāo)點擊鏈接時的樣式。

css超鏈接偽類的作用有哪些

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

因為我們要定義鏈接樣式，所以其中必不可少的就是超級鏈接中的錨標(biāo)簽--a，錨標(biāo)簽和偽類鏈接起來書寫的方法就是定義鏈接樣式的基礎(chǔ)方法，它們的寫法如下：

  • a:link，定義正常鏈接的樣式；

  • a:visited，定義已訪問過鏈接的樣式；

  • a:hover，定義鼠標(biāo)懸浮在鏈接上時的樣式；

  • a:active，定義鼠標(biāo)點擊鏈接時的樣式。

其中：:link和:visited只能適用于設(shè)置超鏈接a，:hover和:active則可適用所有元素

  • :hover 用來表示鼠標(biāo)移入的狀態(tài)

  • :active 用來表示鼠標(biāo)點擊

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>超鏈接的偽類</title>
    <link rel="stylesheet" href="../css/a.css">
</head>
<body>
     <a href="https://www.12345.com/" target="__blank">沒訪問過的鏈接</a>
     <br>
     <a href="https://www.csdn.net/" target="__blank">訪問過的鏈接</a>
</body>
</html>
/* 沒訪問過的鏈接狀態(tài) */
a:link{
    font-size: 20px;
    color: hotpink;
}
/* 訪問過的鏈接狀態(tài) */
a:visited{
    color: green;
}
/* 鼠標(biāo)移入鏈接時的狀態(tài) */
a:hover{
    color: rgb(0, 217, 255);
}
/* 鼠標(biāo)點擊鏈接時的狀態(tài) */
a:active{
    color: rgb(255, 0, 0);
}

css超鏈接偽類的作用有哪些

注意：只要曾經(jīng)搜索過都算訪問過的，除非清除歷史瀏覽緩存數(shù)據(jù)。

偽元素

偽元素，頁面中一些特殊的并不真實存在的元素，偽元素表示一些特殊的位置。偽元素使用 :: 開頭

::first-letter 表示第一個字母
::first-line 表示第一行
::selection 表示選中的內(nèi)容
::before 元素的開始
::after 元素的最后

注意：

1、因為設(shè)置::before和::after沒有任何效果，所以::before和::after必須結(jié)合content屬性來使用。 2、content內(nèi)添加的內(nèi)容鼠標(biāo)無法選中。
3、html中的q標(biāo)簽表示短引用，有增加雙引號效果，原理是運用了::before和::after屬性，content中加上了雙引號，所以q標(biāo)簽的雙引號也無法選中。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>偽元素</title>
    <link rel="stylesheet" href="../css/pseudo_element.css">
</head>
<body>
    <h4>WHERE THERE IS A WILL, THERE IS A WAY</h4>
     <p>The secret of success (The key to success) is not so much money as a strong will. A great man is one who has a strong will and an indomitable spirit. In other words, if a man does not have a strong will to win (get) the final victory, he will never succeed in his life. He is no more than a failure.It is quite obvious that there is no difficult thing (nothing difficult) in the world. if you make up your mind to do it, you will certainly accomplish your end. That stands to reason.</p>
</body>
</html>
/* 第一個字母設(shè)置像素為50px */
::first-letter{
    font-size: 50px;
}
/* 第一行設(shè)置綠色 */
::first-line{
    color: green;
}
/* 鼠標(biāo)選中的字體背景設(shè)置為橙色 */
::selection{
    background-color: sandybrown;
}
/* 元素p內(nèi)容開始之前添加符號 ?，結(jié)尾添加符號?，注意該符號鼠標(biāo)無法被選中*/
p::before{
    content: "?";
}
p::after{
    content: "?";
}

css超鏈接偽類的作用有哪些

到此，關(guān)于“css超鏈接偽類的作用有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

當(dāng)前標(biāo)題：css超鏈接偽類的作用有哪些
當(dāng)前路徑：http://www.chinadenli.net/article44/pgsdee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、品牌網(wǎng)站制作、App開發(fā)、響應(yīng)式網(wǎng)站、用戶體驗、網(wǎng)站維護

廣告

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

綿陽服務(wù)器托管