在學習cSS3和HTML5路上，少不了一大堆有用的學習資源站點。添加到我們收藏夾里面也是一份寶貴的資源。下面是html5模版網(m.suosuyi.cn)的小編為大家整理收集一些有用的CSS3學習資源酷站大全。
第一部分：CSS相關學習酷站：
1、I Like Your Color
輸入URL然后它會抓出其中的顏色并用16進制表示。
2、CSS Multi-element Rollover Generator
使用CSS和一個圖片創建出一個翻轉按鈕的樣式。
4、Ruthsarian Layouts
6個CSS頁面布局模板，包括顏色、標題等。
5、Bluerobot Layout Reservoir
2欄和3欄的CSS布局框架
6、Glish CSS Layout techniques
2、3、 4欄的CSS布局框架
7、The Layout-o-matic
輸入頁寬、欄數和padding，它會自動生成CSS和HTML的布局框架。
8、Little Boxes? ?w3cn.org上提供的那些布局模板
9、Open Source Web Design
各種免費的完整頁面模板
10、Web Builders’ Toolkit
更多的模版資源
11、Iconico Online CSS Scrollbar Color Changer
List-u-Like
一個CSS菜單生成器：輕松創建采用li并兼容各種瀏覽器的導航菜單。
Nifty Corners: 無需圖片的圓角矩形
Round Corner Stone/Icon (rcsi) V1.0
12、HTML5開發資源和開發教程
? ? ? ? ? ???實用的PS插件推薦：長投影設計和CSS3Ps插件
第二部分：CSS3優化整理資源
CSS Formatter and Optimiser
能讓你選擇你的CSS更易讀還是更小。
CSS Compressor
使用這個工具可以壓縮你的CSS使之提高載入速度和節約帶寬。
Online CSS Compressor
多種途徑來清理并壓縮你的CSS，犧牲了可讀性來獲得相當程度的優化和尺寸的減少。
CSS Compressor
CSS Syntax Checker for BBEdit and TextWrangler
CSSTidy
CSSTidy 是一個開源的CSS解釋器和優化工具
CSS Tweak ~ Web Based CSS Tweaker!
CSS Tweak 會優化你的CSS以減少文件大小和下載時間。
Clean CSS – Optmize and Format your CSS
Format CSS Online
自動格式化你的CSS使之便于閱讀和編輯
Online CSS Optimizer
CSS Optimizer 優化并減少CSS的文件尺寸
Online CSS Optimiser/Optimizer
這個工具用于優化CSS代碼。
Tabifier
使HTML和CSS代碼變漂亮。
Webucator
有一個CSS參考手冊，你還可以在上面測試你的CSS代碼
CSS Centricle
CSS hack瀏覽器兼容一覽表 （就是w3cn.org 上的那個）
html5模版網(m.suosuyi.cn)的前端工程師跟大家分享2個知識點：
一定要會用谷歌瀏覽器或者是火狐瀏覽器的 查看元素 屬性功能。 通過該功能，我們可以很清楚的分析出目前所；瀏覽器的網頁或者是移動網頁的相關代碼技能。
也是一種不錯的學習方式。
HTML5+CSS3技術分享
第三部分： 相關好用的移動端的jQuery插件
飛出的菜單，一個非常優秀的使用加大字體的方式展示重點內容的插件。
一個非常優雅的使用快速預覽內容的方式來展現項目的插件。
建議：和其它改變大小的元素一起使用，這樣用戶可以看到他們重新安排。
使用平滑動畫的擴展工具提示，能夠提示更多地內容。
提示：使用圖片顯示幾個產品，或者用來高亮介紹你的作品集。
這個插件是一個非常不錯的動畫排序和過濾排序插件，我們曾經使用它開發過很酷的html5應用。你肯定會喜歡。
有點老，不過很酷的插件。添加簡單和吸引人的方式來變化網站或者一部分。
互動的地圖，提供擴展使用。包括世界地圖，美國，歐洲和德國地圖。
非常不錯的一個文字動畫特效，這里查看原文翻譯。
幫助你在一個網格中顯示圖片，并且使用Rubik‘s cube方式來隨機展示。
雖然我們稱之為Sponsor wall flip, 其實它還有其它的用處。 展示logo并且能夠讓你反面展示一定得介紹內容。
添加了一個多彩時尚的時鐘到你的設計中，也可以用作一個新網站上線的倒計時。
同時也歡迎各位加入我們的移動H5前端群：?61109848