HTML5前端開發入門之a標籤的偽類選擇器

2021-09-06 15:30:28 字數 478 閱讀 3455

1.通過我們的觀察發現a標籤存在一定的狀態

1.1預設狀態,從未被訪問過

1.2被訪問過的狀態

1.3滑鼠長按的狀態

2.什麼是a標籤的偽類選擇器?

a標籤的偽類選擇器是專門用來修改a標籤不同狀態的樣式的

3.格式:

a:link{} 修改從未被訪問過狀態下的樣式

a:visited{} 修改被訪問過的狀態下的樣式

a:hover{} 修改滑鼠懸停的狀態下的樣式

a:active{} 修改滑鼠長按的狀態下的樣式

4.注意點:

4.1 a標籤的偽類選擇器可以單獨出現也可以一起出現

4.2 a標籤的偽類選擇器如果一起出現,那麼有嚴格的順序要求

編寫的時候必須要嚴格的遵守愛恨原則 l(link)ov(visited)e h(hover)ata(action)

4.3 如果預設狀態和被訪問過狀態的屬性一樣,那麼可以縮寫為a{}即可

HTML5前端開發入門之注釋,img標籤及br標籤

html注釋 作用 解釋某一段程式或者某一行 是什麼意思,方便程式猿之間的交流。格式 注意點 注釋的內容不會在瀏覽器中顯示,注釋是寫給我們開發者看的。如何在webstorm中中快速新增注釋 快捷鍵 ctrl img標籤 作用 img標籤中的img其實是image的縮寫 所以img標籤的作用就是告訴瀏...

HTML5前端開發入門之video audio標籤

1.什麼是video標籤?格式1 video 標籤的屬性 srcautoplay controls 用於告訴video標籤是否需要控制條 poster loop preload muted 靜音 width 寬度 height 高度 格式2 這個時候w3c未了解決這個問題,所以推出了第二個video...

前端HTML5基本標籤

使用傢伙式 工欲善其事必先利其器,在開發時我們有乙個好的工具可以事半功倍.nopant 也可以寫但是效率低,我們可以使用hbuilder去編寫.並且在編寫介面的右邊還有開發檢視,這裡推薦使用hbuilderx,因為它優秀,不優秀不用 標籤介紹 有序標籤子標籤屬性標籤type 無序標籤 超連結herf...