注：由于CSS3的新特性较多，所以分两篇博文来说明。第一篇主要包括新的选择器、文字及块阴影、多背景图、颜色渐变、圆角等。第二篇主要细说CSS3的各种动画效果，如：旋转、移动、缩放等，还包括图标字体的应用。
CSS3属性选择器：
a[href$=‘.pdf’] 表示 href属性中以.pdf结尾的被选中
a[href^=‘mailto’] 表示href属性中以mailto开头的被选中
a[href*=‘item’] 表示href属性中含有item的都被选中
其中a只是指代元素标签
现有三个div，他们的属性name的值各不同：
加入选择器：
效果：
CSS3伪类选择器:
现有一表格如下：
加入伪类选择器：
:nth-of-type可以通过参数来选择表格的奇数行或偶数行，odd代表奇数行，even代表偶数行。
效果：
:nth-child伪类，同样是用来选择行。参数为n时选中所有行，参数为n+i时表示从第i行开始下面的都被选中，2n表示2的倍数行被选中，即偶数行，3n表示3的倍数行被选中。
效果：
n+i:
2n:
3n:
还有一个:nth-last-child()伪类，用法和nth-child基本一致，只是所有规则都是从下往上数的，就相当于把表倒个个。这里也没必要多说了，有兴趣的读者可以自己试下。
多背景图：
CSS3中backgroud-image可以设置多个背景图，还可以设置每个背景图的位置。
每个背景图有四个参数，1.url地址 2.上下位置，包括top center bottom，也可用百分比 3.左右位置，包括left center right，也可用百分比
4.重复方式，包括no-repeat repeat-y repeat-x。很好理解，就是不平铺、纵向平铺、横向平铺。
(这里偷个懒没截图，读者们可以拿自己喜欢的图片尝试下）
文字阴影：
写法：
文字阴影包括4个参数，1.横向偏移量 2.纵向偏移量 3.模糊半径（数值越高越模糊，反之越清晰）4.阴影颜色
效果：
块级阴影：
块阴影可以应用于许多块级元素上
现给一div加上块阴影：
效果：
圆角：
圆角这一特性应用非常广泛，还可以用圆角来画圆形。
应用于div上：
效果：
渐变：
渐变分为两种：线性渐变、径向渐变
线性渐变：
由于绘制渐变时，会被浏览器解析成为一张背景图片，所以做渐变时要用到backgroud-image。
渐变第一个参数为起始位置：left表示从左到右 top表示从上到下，以此类推。之后可以设置多个颜色，颜色后可以设置渐变的起始位置（用百分比）。
效果：
径向渐变，顾名思义，是按圆的半径方向渐变：
center表示从中心开始渐变
又一个太阳出来了，注意这可不是用阴影做的，而是径向渐变。
