UI元素偽類選擇器
:focus ?選擇獲得焦點(diǎn)的元素
:enabled ?被用來(lái)指定元素處于可用狀態(tài)是的樣式
:disabled ?不可用狀態(tài)
:read-only ?只讀狀態(tài)
:read-write ?可讀可寫(xiě)
:checked ?當(dāng)表單中的radio(單選框)或checkbox(復(fù)選框)處于選中狀態(tài)時(shí)的樣式
:defalut ?當(dāng)頁(yè)面打開(kāi)時(shí)默認(rèn)處于選取狀態(tài)的單選框或復(fù)選框控件的樣式
:indeterminate ?頁(yè)面打開(kāi)時(shí),一組單選框中沒(méi)有任何一個(gè)單選框被指定為選中狀態(tài)時(shí)组题,整組單選框的樣式
::selection 當(dāng)元素處于選中狀態(tài)時(shí)的樣式
偽元素選擇器:
:first-line ?選取指定選擇器的首行
:first-letter ?為某個(gè)元素中的文字或第一個(gè)字母使用樣式
:before ?在某個(gè)元素之前插入一些內(nèi)容(使用content屬性來(lái)指定插入的內(nèi)容)
:after ?在某個(gè)元素之后插入一些內(nèi)容
文字陰影:
text-shadow :
屬性值:h-shadow(水平位置)捏膨,v-shadow(垂直位置)英岭,blur(模糊值)写隶,color(顏色)
文字換行:
長(zhǎng)單詞換行:Word-wrap
屬性值:normal(瀏覽器默認(rèn))陨献,break-word(在指定區(qū)域內(nèi)換行)
單詞拆分換行:word-break
屬性值:normal(默認(rèn))爪膊,break-all(單詞內(nèi)換行)号枕,keep-all(在半角空格或連字符串處)
css3邊框:
border-radius:
四個(gè)值時(shí)缰揪,左上,右上葱淳,右下钝腺,左下
三個(gè)值時(shí),左上赞厕,右上和左下艳狐,右下
兩個(gè)值時(shí),左上與右下皿桑,右上與左下
一個(gè)值時(shí)毫目,四個(gè)相同
border-image:
有五個(gè)屬性值:
1.圖片地址:border-image-source
2.圖片切片:border-image-slice
3.圖片寬度:border-image-width
4.圖片外凸:border-image-outset
5.平鋪:border-image-repeat
box-shadow:盒子陰影
屬性值:陰影類型, x軸偏移量诲侮,y軸偏移量镀虐,模糊度,陰影距離沟绪,顏色