您好,登錄后才能下訂單哦!
這篇文章主要介紹“css3鏈接偽類怎么使用”,在日常操作中,相信很多人在css3鏈接偽類怎么使用問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”css3鏈接偽類怎么使用”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
css3鏈接偽類有5個,分別為:1、“:link”,設置未被訪問的鏈接的樣式;2、“:visited”,設置已經被訪問的鏈接的樣式;3、“:hover”,設置將鼠標懸浮在鏈接上的樣式;4、“:active”;5、“:focus”。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
什么是css鏈接偽類?
css鏈接偽類就是css內置類,css內部本身賦予它一些特性和功能,用于向鏈接添加特殊的效果。
css鏈接偽類是用來給鏈接添加特殊效果。
CSS偽類是用來添加一些選擇器的特殊效果,是用于已有元素處于某種狀態時為其添加對應的樣式,這個狀態是根據用戶行為而動態變化的。
用于鏈接的幾個偽類元素
:link--用這個可以設置未被訪問的鏈接的樣式
:visited--用這個設置已經被訪問的鏈接的樣式
:hover--用于設置將鼠標懸浮在鏈接上的樣式
:active--用于設置鼠標點擊鏈接時到鼠標松開時的樣式
:focus--用于設置用鍵盤將焦點放在鏈接上時的樣式(如用tab鍵或者上下鍵來移動頁面焦點時)
正常的未被訪問過的鏈接
a:link { text-decoration: none; }
已經訪問過的鏈接
a:visited { text-decoration: none; }
鼠標劃過(停留)的鏈接
a:hover { text-decoration: none; }
正在點擊的鏈接,鼠標在元素上按下還沒有松開
a:active { text-decoration: none; }
獲得焦點的時候 鼠標松開時顯示的顏色
a:focus { text-decoration: none; }
到此,關于“css3鏈接偽類怎么使用”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。