- 在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。
| 前缀 | 浏览器 |
|---|---|
| -webkit | chrome和safari |
| -moz | firefox |
| -ms | IE |
| -o | opera |
- 伪类就是可以通过直接添加一个类样式达到同等效果，而伪元素，则需要先添加一个元素，然后在元素上添加样式才能达到同等效果。
伪类
:active向被激活的元素添加样式。
:focus向拥有键盘输入焦点的元素添加样式。
:hover当鼠标悬浮在元素上方时，向元素添加样式。
:link向未被访问的链接添加样式。
:visited向已被访问的链接添加样式。
:first-child向元素的第一个子元素添加样式。
:lang向带有指定 lang 属性的元素添加样式。
伪元素
::first-letter向文本的第一个字母添加特殊样式。
::first-line向文本的首行添加特殊样式。
::before在元素之前添加内容。
::after在元素之后添加内容。
-
transition是一个过渡属性，就是一个属性从一个值过渡到另一个值；一个元素从一个形状变换到另一个形状。（需要事件触发）
属性包含：-
transition-property(none/all/indent)：变换的属性 -
transition-duration：转换持续时间，单位 s/ms -
transition-timing-function(ease/liner/ease-in/ease-out/ease-in-out/cubic-bezier)：变换速率 -
transition-delay：转换开始执行的时间，事件触发后多久执行
-
-
transform是一个变换属性，就是一个整体的位置（或整体大小）发生变换；改变元素形状
属性包含：-
rotate：围绕中心点旋转 deg 单位 -
translate(x,y)：向 x y 轴移动位置 px -
scale：整体缩放 倍数、scaleX scaleY 沿 轴方向缩放 -
skew(x,y)：切变、scaleX scaleY 沿轴切变
-
-
animation是一个动画属性，就是在一段时间内各种属性进行变化从而达到一个动画的效果。
属性包括：-
animation-name：元素绑定动画名 -
animation-duration：动画持续时间 -
animation-timing-function：动画变换速率 -
animation-delay：开始时间。触发动画后多久开始动画 -
animation-interation-count：循环播放次数。（infinite 是无限次） -
animation-direction：动画运动方向 （normal/ alternate: 默认值为normal，如果是normal动画每次循环都是向前播放的，也就是每次都是从0%播放到100%。 另一个值是alternate，设定animation-direction为alternate，那么就会从0%播放到100%后就会从100%播放到0%。结合 animation-interation-count:infinite，可以形成动画来回循环播放。例如实现“如何使一个小球来回无限运动”） -
animation-play-state(running/pause)：动画的播放状态(其中running是默认值，就是在播放。而paused就是暂停播放。而当动画暂停播放后，再重新设置为running的时候，就会从原来的位置重新播放。)
-
网友评论