UI元素偽類選擇器
:focus ?選擇獲得焦點的元素
:enabled ?被用來指定元素處于可用狀態是的樣式
:disabled ?不可用狀態
:read-only ?只讀狀態
:read-write ?可讀可寫
:checked ?當表單中的radio(單選框)或checkbox(復選框)處于選中狀態時的樣式
:defalut ?當頁面打開時默認處于選取狀態的單選框或復選框控件的樣式
:indeterminate ?頁面打開時,一組單選框中沒有任何一個單選框被指定為選中狀態時,整組單選框的樣式
::selection 當元素處于選中狀態時的樣式
偽元素選擇器:
:first-line ?選取指定選擇器的首行
:first-letter ?為某個元素中的文字或第一個字母使用樣式
:before ?在某個元素之前插入一些內容(使用content屬性來指定插入的內容)
:after ?在某個元素之后插入一些內容
文字陰影:
text-shadow :
屬性值:h-shadow(水平位置),v-shadow(垂直位置),blur(模糊值),color(顏色)
文字換行:
長單詞換行:Word-wrap
屬性值:normal(瀏覽器默認),break-word(在指定區域內換行)
單詞拆分換行:word-break
屬性值:normal(默認),break-all(單詞內換行),keep-all(在半角空格或連字符串處)
css3邊框:
border-radius:
四個值時,左上,右上,右下,左下
三個值時,左上,右上和左下,右下
兩個值時,左上與右下,右上與左下
一個值時,四個相同
border-image:
有五個屬性值:
1.圖片地址:border-image-source
2.圖片切片:border-image-slice
3.圖片寬度:border-image-width
4.圖片外凸:border-image-outset
5.平鋪:border-image-repeat
box-shadow:盒子陰影
屬性值:陰影類型, x軸偏移量,y軸偏移量,模糊度,陰影距離,顏色