CSS的學習過程既可以說簡單又可以說是復雜。CSS的語法比較簡單,但CSS的應用中有一些概念(一可以說是原理)還是很難掌握的。今天暴風彬彬 向你推薦20個出色的CSS技術類(英語)網站幫你更好的理解和掌握CSS,其中包括各種各樣的網站,從博客到清單風格列表甚至網站,它們都側重於研究同 一個主題,那就是CSS。
1. A List Apart CSS Topics
A List Apart,學習網頁設計和最佳實踐的首選網站。這個網站從1999年就開始發表關於CSS的文章,其中大部分文章都是面向那些更注重符合標准設計的中級到高級設計師。
2. CSS Help Pile
CSS Help Pile匯集了大量的CSS資源、技巧和教程。這個網站適合各種水平的設計師學習。網站專門有CSS初學者、浏覽器兼容Bug和CSS書籍點評這樣的分類。
3. CSS Basics
CSS Basics可以當成一書來看,用了18個章節來傳授基本的CSS概念,對初學者相當有幫助。還有就是所有18個章節,提供打印或PDF格式下載。
4. Holy CSS Zeldman!
Holy CSS Zeldman是關於基於標准的CSS教程、工具、布局相關鏈接的收集。
5. Eric Meyer: CSS
這裡主要是收集Eric Meyer (著名的開發者)的作品,在css/edge和CSS reference等頁面可以找到一些相關的資源。
6. 456 Berea Street – CSS category
456 Berea Street下有一個CSS分類,裡面有超過300篇文章,這些文章有教如果放置圖片,有些是說CSS技巧。
7. Position Is Everything
在Position Is Everything,你能學到大量CSS的高級應用技巧,Position Is Everything關注著如何解決各種浏覽器兼容問題的Bug,並體重各種解決浏覽器Bug的CSS解決方案。在這裡,你能學到關於one true layout和構建DIV絕對定位會發生什麼。
8. HTML Dog CSS Tutorials
HTML Dog致力於教授最佳的XHTML與CSS布局,分為初級,中級,高級三個級別。英語不好的朋友可以看中文翻譯版的HTML Dog.
9. Learn CSS Positioning in Ten Steps
如果使用CSS定位是一個棘手的問題,這裡有10步,看能不能幫你解決。
10. Andy Budd CSS/Web Standards Links
Andy Budd有著一系列CSS/web標准的有用鏈接,以幫助你找到有用的資料。
11.W3CSchools CSS Tutorial
W3CSchools有一個CSS部分,內容涵蓋了初級到高級的CSS主題。
12. css Zen Garden
css Zen Garden給我們展示了CSS是怎樣工作的,使用相同的HTML文件,設計師提交的外部樣式來美化這個文件。用Web Developer Tool就可以檢查CSS是如何進行布局工作的。這個網站在7個最好的網上CSS資源裡也有介紹
13.CSS at MaxDesign
MaxDesign擁有Russ Weakley的一套CSS精彩教程,在Listmatic裡,教你使用CSS格式化列表,在Floatutorial裡,介紹floating元素的知識。
14.CSSeasy.com
CSSEasy.com網站的口號是”學習CSS的時髦方法”,擁有豐富的經驗及創意分享,讓我們更好地了解CSS。這個網站的網站開發工具遲早也會派上用場。
15. CSS-Discuss
CSS-Discuss是一個CSS愛好者社區,而 CSS-Discuss Wiki是關於CSS的應用收集。
16. Web Design from Scratch: CSS
Web Design from Scratch有一章節是關於CSS的,涵蓋了CSS的基本概念。 其中的Introduction to CSS對初學者很有幫助。
17.CSS-Tricks
CSS-Tricks是一個專注CSS的博客
18.CSS on Delicious
The CSS tag on Delicious是關於優秀CSS設計的鏈接收集,亮點就是讓我們知道哪些好東西在被人看。
19. SitePoint CSS Reference
SitePoint有一個CSS部分,專門討論入門水平的CSS主題
20. CSSDog
CSSDog有一部分為初學者與高級開發者設計的,其中的開發經驗及參考,個人認為是最有價值的部分。