這篇文章主要介紹“css3鏈接偽類怎么使用”,在日常操作中,相信很多人在css3鏈接偽類怎么使用問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”css3鏈接偽類怎么使用”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
創(chuàng)新互聯(lián)建站主要從事網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)東光,十余年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108
css3鏈接偽類有5個,分別為:1、“:link”,設(shè)置未被訪問的鏈接的樣式;2、“:visited”,設(shè)置已經(jīng)被訪問的鏈接的樣式;3、“:hover”,設(shè)置將鼠標懸浮在鏈接上的樣式;4、“:active”;5、“:focus”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
什么是css鏈接偽類?
css鏈接偽類就是css內(nèi)置類,css內(nèi)部本身賦予它一些特性和功能,用于向鏈接添加特殊的效果。
css鏈接偽類是用來給鏈接添加特殊效果。
CSS偽類是用來添加一些選擇器的特殊效果,是用于已有元素處于某種狀態(tài)時為其添加對應(yīng)的樣式,這個狀態(tài)是根據(jù)用戶行為而動態(tài)變化的。
用于鏈接的幾個偽類元素
:link--用這個可以設(shè)置未被訪問的鏈接的樣式
:visited--用這個設(shè)置已經(jīng)被訪問的鏈接的樣式
:hover--用于設(shè)置將鼠標懸浮在鏈接上的樣式
:active--用于設(shè)置鼠標點擊鏈接時到鼠標松開時的樣式
:focus--用于設(shè)置用鍵盤將焦點放在鏈接上時的樣式(如用tab鍵或者上下鍵來移動頁面焦點時)
正常的未被訪問過的鏈接
a:link { text-decoration: none; }
已經(jīng)訪問過的鏈接
a:visited { text-decoration: none; }
鼠標劃過(停留)的鏈接
a:hover { text-decoration: none; }
正在點擊的鏈接,鼠標在元素上按下還沒有松開
a:active { text-decoration: none; }
獲得焦點的時候 鼠標松開時顯示的顏色
a:focus { text-decoration: none; }
到此,關(guān)于“css3鏈接偽類怎么使用”的學習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
網(wǎng)站題目:css3鏈接偽類怎么使用
本文網(wǎng)址:http://weahome.cn/article/gppphs.html