CSS3學習筆記

最近在學習css3，如下是我在學習過程當中，邊學編寫的一個demo。剛學的知識容易忘掉，因此寫下這篇博客便於之後回顧查看，同時也是對所學知識的輸出總結。本篇博客只是我在學習過程的模仿練習，參考了網上其餘很優秀的博客都有連接，特別感謝菜鳥教程。

以前是太懶了，每次學習新知識不知道總結，遇到不會的問題就上網查，沒有記錄的習慣。這樣對於某個知識點，當時可能懂了，可是事後很容易就忘了，不能成爲本身的東西。前幾天在微信讀了一篇文章《揭祕高手拼命寫博客的起因》，有所醒悟了，因而決定之後也要堅持寫博客，督促本身成長。

目錄：

1. 圓角
2. 投影
3. 邊框
4. 背景樣式
5. 漸變
6. 文本效果
7. 2D旋轉
8. 3D旋轉
9. 3D動畫
10. 文本分列顯示
11. 用戶界面

這裏面用到參考了不少大神的博客，我也都列舉出來。

對於各類瀏覽器，css樣式裏面須要單獨寫出帶各自前綴的樣式，能夠參考《瀏覽器內核分類 》，《css3前綴》，《CSS3那些鮮爲人知的高級屬性》，而瀏覽器之間兼容性的問題能夠參考《css兼容性問題的整理》。

圓角矩形是咱們在平時用的比較多的樣式，這裏我參考了《CSS3 經典教程系列：CSS3 圓角（border-radius）詳解》，題外話聽說這篇博客的做者——夢想天空，是爲真正的「大牛」。我不少問題都參考了他的。

投影也是很經常使用的功能，我也是參考了夢想天空的《CSS3 經典教程系列：CSS3 盒陰影（box-shadow）詳解》。還有這篇《CSS3陰影 box-shadow的使用和技巧總結 》。

邊框我參考了《CSS3實例教程:border-image屬性實例講解》，《css3:border-image邊框圖像詳解》。

背景樣式參考《CSS3 Background-size》，《CSS 背景(css background)》。

漸變樣式能夠參考《CSS3 Gradient》，還有大神的這篇《CSS3 經典教程系列：CSS3 線性漸變（linear-gradient）》。

文本樣式能夠參考《CSS3之文字陰影text-shadow》，《CSS3的文字陰影—text-shadow》。

剩下的能夠參考這些博客：Airen的博客 ｜  夢想天空  ｜ CSS3教程-DIV CSS3教程欄目  　｜  CSS3 教程   ，很值得學習，很是感謝！！

 

我練習時所寫的：　demo　可供下載。