小鄭從自己快5年的職業生涯中總結了一些思考，從畢業新手到獨擋一面，有小小心得與同學們分享，想走前端這條路的同學，可以關注一下首先，這個問題很好回答，就掌握CSS3動畫，從以下幾個方面我解答一下：一、CSS3有什麼？（常用屬性）1、設定邊框屬性：border-radius，border-image，box-shadow，box-reflect。2、設定背景屬性：background-origin，background-clip，background-size。3、常用文字屬性：text-shadow，text-overflow，word-wrap。等等。這些自個可以查的到，涉及到怎麼使用這些屬性，搜一下也都一目瞭然。二、CSS3能做什麼（常用案例）1、圓角效果2、塊陰影與文字陰影3、色彩 （CSS3支援更多的顏色和更廣泛的顏色定義。新顏色CSS3支援HSL ， CMYK ，HSLA and RGBA）4、漸變效果5、個性化字型 （網頁上的字型太單一？使用@Font-Face 輕鬆實現定製字型）6、多背景圖 （一個元素上新增多層背景圖片） 7、邊框背景圖 （邊框應用背景圖片）8、變形處理 （你可以對HTML元素進行旋轉、縮放、傾斜、移動、甚至以前只能用JavaScript實現的強大動畫）9、多欄佈局 （可以讓你不用使用多個div標籤就能實現多欄佈局。瀏覽器解釋這個屬性並生成多欄，讓文字實現一個仿報紙的多欄結構） 10、媒體查詢 （針對不同螢幕解析度，應用不同的樣式）三、CSS3有什麼參考（線上資料）1、W3C2、CAN I USE3、W3CPLUS4、前端觀察5、《CSS3實戰》注意：知道上面這些，不代表你就懂了CSS3，看了！=看懂，看懂！=會用，會用！=用好。前面所介紹的資料，你可以當作《3天學會HTML》之類的書來看，只是提供對CSS3基礎認知而已。最重要的是你還需要徹底搞懂動畫本身。下面十四個CSS3動畫原則

CSS（層疊樣式表）簡單來說可以為HTML標記語言新增一些樣式、佈局等。當瀏覽器顯示文件時，它必須將文件的內容與其樣式資訊結合。它分兩個階段處理文件：

1.瀏覽器將 HTML 和 CSS 轉化成 DOM （文件物件模型）。DOM在計算機記憶體中表示文件。它把文件內容和其樣式結合在一起。

2.瀏覽器顯示 DOM 的內容。

對於CSS的學習，推薦分成三塊學習：“基礎概念”，“CSS2.1規範”，“CSS3規範”。精通CSS（第2版）是必須學習的，看完這本書你應該對：盒子模型，流動，block，inline，層疊，樣式優先順序等概念有基本的瞭解。CSS參考文件有菜鳥學院（基礎、簡單）：CSS 教程 | 菜鳥教程，Mozila官方文件（全E文、逼格高，詳細）：MDN CSS Doc

在學習完基礎知識後，可以嘗試完成Htm/Css基礎編碼的專案，增強知識的掌握程度。