图解css3学习笔记

（0）css3是啥

• css3是最新版本的css，添加了许多新的特性，将切图仔从繁重的工作中解救出来。
• css3现在主流的浏览器大部分都支持（ie9部分支持，ie8之前的都不支持）
• 渐进增强，优雅降级
  • 优雅降级（向下兼容）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。
  • 渐进增强（向上兼容）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。

• 优雅降级

  （2）选择器

  利用目标选择器制作手风琴效果

  （3）边框

  （4）背景

  （5）文本

  （6）颜色特性

  （7）盒模型

  （8）css3伸缩布局盒模型

  （9）多列布局

  （10）渐变

  （11）变形

  （12）过渡

  （13）动画

  （14）媒体特性与responsive设计

  （15）嵌入web字体