CSS學習筆記 轉換模組

2021-08-30 18:01:16 字數 720 閱讀 8282

一、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 已經設定為...