CSS3

CSS3

兼容性前缀：
谷歌： webkit
火狐：moz
IE：ms
欧朋：o
选择器：
属性选择器：*=包含 ^=以…开头 $=以…结尾
伪类选择器：first-of-type last-of-type nth-of-type()
前三个：nth-of-type(-n+3)
后五个：nth-of-type(n+5)
第四个到第八个 :nth-of-type(-n + 4): nth-of-type(n + 8)
奇数：nth-of-type(2n + 1)odd
偶数：nth-of-type(2n)even

			空的:empty
			除了：not   例子：p:not([data-index ^=3])				
			可用：not:(:disabled)  :enabled
			禁用：disable
			获得焦点：focus
			当前激活元素：target
			选中的元素：checked
			第一个字母：first-letter
			第一个词：first-word
			第一行：first-line
			同级后一个+
			同级后所有个~
			直系子级>

描边：text-stroke
文本阴影:text-shadow x轴偏移量 y轴偏移量 模糊范围 颜色
盒子阴影:box-shadow x轴偏移量 y轴偏移量 模糊半径 模糊范围 颜色 阴影的位置
盒子倒影:box- reflect 上above 下below 左left 右right
滤镜：filter:blur()
径向渐变：radial-gradient（circle圆形 ellipse椭圆 半径 颜色 范围）
线性：linear-gradient(方向 颜色 范围)
单行文本截断： text-overflow:ellipsis cilp
overflow-hidden white-space:nowrap
多行文本截断：display：-webkit-box
-webkit-box-orient:vertical
webkit-line-clamp:3
强制换行：word-wrap：break-word