CSS3新增

新增选择器

边框

• border-radius
  用于添加圆角边框
• border-shadow
  边框阴影
• border-image
  边框图片

背景

• background-size
  规定背景大小，长/宽
• background-origin
  规定背景区域content-box,padding-box,border-box

文字

• text-shadow
  文字阴影
• @font-face
  外部引入，改变字体

2D转换

transform属性用于2D转换

• translate()用于自当前位置的横纵移动
• rotate()用于顺时针/逆时针转动
• scale()用于横纵放缩

动画相关

• transition过渡
  通过状态/伪类创建动画。

transition:width 2s
div:hover{
//transition
}

• animation动画
  通过@keyframes创建动画并捆绑到选择器中。需要规定动画的名称和时长

animation : myAction 2s
@keyframe myAction{
from:{}
to:{}
}

用户界面

• resize
  用户调整大小
  resize:both
• box-sizing
• outline-offest
  在边框外绘制轮廓
  注：轮廓不占空间、轮廓不一定为矩形

媒体查询

@media针对不同的媒体类型定义不同的样式。
也是bootstrap的核心之一。