CSS 3

1.为了更好的向前兼容不同的浏览器，编写CSS3时都有哪些前缀？分别对应什么浏览器？

前缀	浏览器
-webkit	chrome和safari
-moz	firefox
-ms	IE
-o	opera

2.伪类和伪元素分别是什么？

1.伪类的作用对象是整个元素

不同伪类之间区别是该元素的不同状态，例如：活动状态、鼠标悬停状态、已访问状态等。

2.伪元素的作用对象是元素的一部分

不同伪元素之间的区别是改元素的不同部分，例如：元素首行、元素第一个字符、元素之前、元素之后等。

3.分清 Transform 、Transition、 Animations 三兄弟,并阐述它们分别的用处？

1.Transform：拉伸、压缩、旋转、偏移等形状变换

机械式的旋转移动，常需要配合使用。

2.Transition：平滑的改变CSS值

用于颜色等样式的平滑过渡，只能设定首位两个样式，有触发条件。

3.Animations:动画效果

使元素从一种样式逐渐变化为另一种样式的动画效果，可以设定循环次数和任意多的样式。