css3学习

1.CSS3 被划分为模块

最重要的 CSS3 模块包括：

• 选择器
• 框模型
• 背景和边框
• 文本效果
• 2D/3D 转换
• 动画
• 多列布局
• 用户界面

2.CSS3 边框

圆角边框，向矩形添加阴影，使用图片来绘制边框等

• border-radius
• box-shadow
• border-image

3.背景

• background-size
• background-origin    

4.文本效果

• text-shadow
• word-wrap

5.字体

CSS3 @font-face 规则

通过 CSS3，web 设计师可以使用他们喜欢的任意字体。

6.css3 转换2D/3D

2D：

• translate()
• rotate()
• scale()
• skew()
• matrix()

3D：

• rotateX()
• rotateY()

7.css3过渡

元素从一种样式逐渐改变为另一种的效果

8.动画

是使元素从一种样式逐渐变化为另一种样式的效果。

CSS3 @keyframes 规则

• 规定动画的名称
• 规定动画的时长

9. 多列

创建多个列来对文本进行布局

多列属性：

• column-count
• column-gap
• column-rule

10.用户界面

新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等

用户界面属性：

• resize
• box-sizing
• outline-offset