復合選擇器總結(jié)
后代選擇器 用來選擇后代元素 符號是空格 div p 使用較多
子代選擇器 只能選擇最近一級子元素 符號是大于號 div>p 使用較少
并集選擇器 選擇相同樣式的元素 可以用于集體聲明 符號是逗號 div,p,a 使用較多
鏈接偽類選擇器 選擇不同狀態(tài)的鏈接 重點記住 懸停時關(guān)鍵詞 a:hover 其余為link visited active 順序為lvha,不可以打亂
:focus選擇器 選擇獲得焦點的表單 input:focus {} 更改獲得焦點時input的樣式
元素顯示模式總結(jié)
塊元素與內(nèi)聯(lián)元素互相轉(zhuǎn)換
display:block ?塊轉(zhuǎn)內(nèi)聯(lián)
display:inline 內(nèi)轉(zhuǎn)塊
display:inline-block ?行內(nèi)塊元素
背景總結(jié)
background-color 背景顏色 ?預定義的顏色值、十六進制汇四、rgb代碼
background-image 背景圖片 url(圖片路徑)
background-repeat 是否平鋪 repeat/no-repeat/repeat-x/repeat-y
background-position 背景位置 length/position x坐標 和y坐標
background-attachment 背景附著 scroll背景滾動 fixed背景固定
背景簡寫 書寫更簡單 背景顏色 背景圖片地址 背景平鋪 背景滾動 背景位置
背景色半透明 背景顏色半透明 background:rgba(0,0,0,0.3); 后面必須是4個值