css設計指南 筆記7

過渡屬性

transition-property			//過渡的css屬性名，如color、width

transition-duration //過渡的持續時間，如2s、500ms
transition-timing-function //過渡的調速函式，如linear、ease-in、ease-out、ease-in-out
transition-delay //過渡開始前的延遲時間
簡寫transition: color 2s ease-in 100ms;

第一條規則設定屬性的初始狀態和過渡引數

第二條規則設定事件發生時屬性的目標狀態

使用者單擊輸入欄位後，輸入框的邊框顏色會從黑色變化為綠色，過渡週期為2s

input 
input:focus 
//注意廠商字首

通常過渡動畫是由使用者滑鼠懸停的:hover偽類規則和表單元素獲得焦點時的:focus偽類規則觸發

div

css設計指南 筆記5

position static 靜態定位 position relative 相對定位 top 25px left 30px 相對於原本在文件流中的位置的偏移，原來佔據的空間沒有動，其他元素也沒有動 position absolute 絕對定位 top 25px left 30px 脫離文件流，相對...

css設計指南 筆記3

計算特指度 ice公式 選擇符中有乙個id，就在i的位置加1 選擇符中有乙個類，就在c的位置加1 選擇符中有乙個標籤名 元素名 就在e的位置加1 得到乙個三位數 body p largetext ul.mylist li 1 1 4特指度 114查理版簡單層疊要點 規則一 包含id的選擇符 包含類的...

css設計指南 筆記2

上下文選擇符以空格作為分隔符，分組選擇符以逗號作為分隔符 上下文選擇符選擇的是所有符合條件的後代元素 包括直接後代和間接後代元素 1.子選擇符 標籤1 標籤2 標籤2必須是標籤1的子元素 反過來，標籤1必須是標籤2的父元素而不是其他祖先元素2.緊鄰同胞選擇符 標籤1 標籤2 標籤2必須緊跟其同胞標籤...