圖解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字體