图解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字体