a標籤僞類選擇器+過分模塊

a標籤的僞類選擇器

1.什麼是a標籤的僞類選擇器?a標籤的僞類選擇器是專門用來修改a標籤不一樣狀態的樣式的。
2.格式:
1):link 修改從未被訪問過狀態下的樣式。
2):visited 修改被訪問過的狀態下的樣式。
3):active 修改鼠標長按狀態下的樣式。
4):hover 修改鼠標懸停在a標籤上狀態下的樣式。
3.注意點:
1)a標籤的僞類選擇器能夠單獨出現也能夠一塊兒出現。
2)a標籤的僞類選擇器若是一塊兒出現,那麼有嚴格的順序要求,編寫的順序必需要遵照 愛恨原則---love hate。
3)若是默認狀態的樣式和被訪問過狀態的樣式同樣,那麼能夠縮寫(簡單來講就是link跟visited能夠直接用a標籤裏的color替代使用)。
4.在企業開發中編寫a標籤的僞類選擇器最好寫在標籤選擇器的後面、和a標籤盒子相關的屬性都寫在標籤選擇器中(顯示模式/寬度/高度/padding/margin)、和a標籤文字/背景相關的都寫在僞類選擇器中。3d

過渡模塊

1.過渡效果三要素:必需要有屬性發生變化、必需要告訴系統哪一個屬性須要執行過渡效果、必須告訴系統過渡效果持續的時長。

2.注意點:當多個屬性須要同時執行過渡效果時用逗號隔開便可。若是是分開設置過渡效果,則在後面設置的會覆蓋前面的效果。

3.其餘屬性:


4.連寫格式:transition:過渡屬性 過渡時長 運動速度 延遲時間
注意點:4.1)當多個屬性須要同時執行過渡效果時用逗號隔開便可---transition:過渡屬性 過渡時長 運動速度 延遲時間,transition:過渡屬性 過渡時長 運動速度 延遲時間。
4.2)連寫的時候能夠省略後面的兩個參數,由於只要編寫了前面的兩個參數就已經知足了過渡的三要素。
4.3)若是多個屬性運動的速度/延遲的時間/持續的時間都同樣,那麼就能夠簡寫爲transition:all 0s;。


5.編寫過渡套路步驟:
1)先編寫基本界面,不要管過渡。
2)修改咱們認爲須要修改的屬性 。
3)再回頭去給被修改屬性的那個元素添加過渡便可。blog



相關文章
相關標籤/搜索