一、a標籤偽類選擇器
1.通過觀察,a標籤存在一些狀態:
1.1預設狀態,從未被訪問過(文字顯示為藍色);
1.2被訪問過的狀態(紫);
1.3滑鼠長按狀態(紅);
1.4滑鼠懸停在a標籤上的狀態;
2.什麼是a標籤的偽類選擇器?
它是專門用來修改a標籤不同狀態的樣式的;
3.格式:
: link 修改從未被訪問狀態下的樣式(即在style中,a: link );
:visited 修改被訪問狀態下的樣式;
:hover 修改滑鼠懸停a標籤上的狀態;
:active 修改滑鼠長按狀態下的樣式;
注意點:
1.a標籤的偽類選擇器可以單獨出現,也可以一起出現;
2.如果一起出現的話,那麼有嚴格的順序要求(即,在style中出現順序為:link, visited, hover, active ),遵循"愛恨"原則:love hate;
3.如果預設狀態和訪問狀態一樣,可以簡寫( a )
4.在企業開發中編寫a標籤偽類選擇器最好寫在標籤選擇器的後面;
5.在企業開發中和a標籤盒子相關的屬性都寫在標籤選擇器中(盒子相關屬性:顯示模式/寬度/高度);
6.在企業開發中a標籤文字/背景/相關的都寫在偽類選擇器中;
===筆記內容來自於《從零玩轉html5前端+跨平台開發》
CSS學習筆記 過渡模組
一 過渡模組 transition 必須要有屬性發生改變 1.告訴系統哪個屬性需要執行過渡效果 transition property 屬性名稱 2.告訴系統過渡效果持續的時長 transition duration 時間 s 注意點 1.層疊樣式列表會發生層疊,所以相同的屬性不能寫在後面 2.個屬...
CSS筆記(3D轉換模組 CSS書寫格式)
3d轉換模組 2d是乙個平面,只有寬度和高度 3d是乙個立體,有寬度 高度和厚度 預設情況下元素都是以2d呈現的 若想讓某個元素變成3d模組,就給它的父元素新增這個屬性transform style preserve 3d father 背景尺寸 專門用於設定背景大小的 background siz...
CSS變形轉換 學習筆記
css的變形轉換 屬性 transform 一 translate 位移 常用 該屬性值有三種型別 translatex translatey 和 translate。translate 可以作用於已經執行了 絕對定位 position absolute 的元素,而要用 position 已經設定為...