【面试常考】CSS3新特性

CSS3新特性：

1. 选择器

2. 边框 border

3. 背景 background

4. CSS3 渐变

5. 文本效果 文本属性

6. CSS3 字体 @font-face

7. 转换和变形 transform
   transform属性可用于元素的2D 或 3D 转换，该属性允许我们对元素进行旋转rotate、缩放scale、移动translate或倾斜skew。

8. 过渡属性 transition

9. 动画 animation @keyframes规则

10. 多媒体查询

11. 弹性盒布局

参考阮大大的学习一波：flex布局

12. 多列布局
13. 盒模型

盒模型决定了浏览器在渲染页面的时候如何渲染矩形。

CSS3暴露出box-sizing属性来让开发决定盒模型。 box-sizing属性的值：

（1）content-box（标准盒模型）

（2）border-box（IE盒模型）

盒模型分为标准盒模型和IE盒模型（怪异盒模型）。两者的区别：

（1）IE盒模型：width = content + padding + border

（2） 标准盒模型： width = content