CSS3新特性

1、css3是css2.1的升级版；

2、新特性：

a、选择器；

b、阴影

c、形状转换（2D-3D）：

d、变形

d、动画（渡动画、帧动画)

e、边框

g、多重背景)

h、反射

i、文字

j、颜色（rgba/hsl/hsla）

k、滤镜（filter）

l、弹性布局

m、多列布局

n、盒模型

o、Web字体

p、媒体查询

3、CSS3不是浏览器以及不同版本都支持，需要兼容性处理 ；通常是加厂商进行处理（面试点）

（1）、Trident:IE内核 （2）、Webkit:chrome和Safari内核

（3）、Gecke:FireFox内核 （4）、Blink:Chrome和Opera内核

Tips:目前国内浏览器大多都是双核的（IE内核+chrome内核）

厂商前缀：IE：-ms-

chrome&Safari：-webkit-

FireFox:-moz-

Opera:-o-

4、CSS3选择器：丰富选择的目的

（1）属性选择器

（2）结构性伪类

：root和body{}的效果一样； 子元素的选择：：-first-child(第一个元素）last-child(最后一个元素）

：nth-last-child(倒数第n个元素） ：nth-child(第几个元素）nth不能跳过非选择的元素去找目标

（3）目标伪类

（4）UI元素状态伪类

（5）否定伪类

（6）通用兄弟元素选择器