前言

css3区别于css2增加了哪些呢？是否只有圆角是特殊的？当面试官问你是否了解css3呢，希望你能在本文之后能够说出并使用其中一二。

css的发展

css3是css样式表的最新版本，与css2单一规范不同，css3对所以的样式进行了分模块处理，而各个模块之间是分开进行，互不影响。

css3新特性

  1. css3选择器，与jq一样，强化了选择器功能，包括了数量、层次、属性选择器
  2. 原先通过图片或者脚本实现视觉效果通过样式实现，减少了标签和脚本的使用，降低维护成本
  3. 背景：支持背景大小，多背景设置，减少了标签，更加灵活
  4. 盒模型：拓展了盒模型的类型，尤其弹性盒模型flex；支持了盒模型的变形，旋转，缩放，扭曲等
  5. 实现了多列布局，摆脱了只能浮动多列布局
  6. 阴影效果：文本阴影，盒阴影，简单的阴影效果可以跳过设计稿
  7. web字体解决了浏览器无法识别的字体；web font图标，更加灵活的使用图标字体，减少了维护工作
  8. 颜色与透明度，支持了多种颜色模式，支持透明度设置
  9. 圆角与边框，更加丰富的设计效果实现，去除直角实边的单一效果
  10. 过度与动画交互效果，可以设置动画进行简单的交互，提升体验
  11. 媒体特性与响应式布局，boot框架就是基于这点建立的栅格系统