【CSS】CSS3新特性

1. 选择器、文本

2. 过渡、变形、动画

3. 滤镜

4. 弹性盒子布局

5. 边框

圆角边框：border-radius: 1-4 length|% / 1-4 length|%;
边框阴影：box-shadow: 水平偏移距离 垂直偏移距离 [模糊距离] [阴影的尺寸] [颜色] ;
边框图片：border-image：图片 向内偏移距离 宽度 图像区域超出边框的距离 重复效果;
重复效果：round/strech/repeat

6. 背景

多重背景 ：background: 背景色 背景图片 平铺方式 位置,背景色 背景图片 平铺方式 位置
background-size：设定背景图像的尺寸。
background-size: 固定长度|百分比值|cover|contain;
background-origin：指定背景图像的位置区域。
background-origin: padding-box|border-box|content-box;
background-clip：设定背景的绘制区域。
background-clip: border-box|padding-box|content-box;
渐变背景：background-image: 线性渐变｜径向渐变

7. 颜色函数

RGBA
rgba(r,g,b,a)
r:红色 取值范围：0-255/0-100%
g:绿色 取值范围：0-255/0-100%
b:蓝色 取值范围：0-255/0-100%
a:不透明度 取值范围：0-1的一个小数

HSL
hsl(h,s,l)
h:色调 取值范围：0-360
s:饱和度 取值范围：0-100%
l:亮度 取值范围：0-100%

HSLA
hsla(h,s,l,a)
h:色调 取值范围：0-360
s:饱和度 取值范围：0-100%
l:亮度 取值范围：0-100%
a:不透明度 取值范围：0-1的一个小数

8. opacity

9. box-sizing