CSS的学习过程既可以说简单又可以说是复杂。CSS的语法比较简单,但CSS的应用中有一些概念或者说是原理还是很难掌握的。虽然现在国内也有了很多CSS相关的专题网站,但毕竟在起步上慢了N拍,所以与一些国外的网站相比不管在深度还是广度上都显得有点火候不足。平时我也有事没事Google到一些英文网站上凑热闹,半吊子的英文水平常常被搞得一头雾水回来了。今天这里介绍的几个网站其实也不是我自己挑选的,有一些事看别人的介绍,有一些则的确是平时搜索资源的时候接触到的,从博客到清单风格列表甚至网站,它们都专注于同一个主题,那就是CSS。
A List Apart,学习网页设计和最佳实践的首选网站。这个网站从1999年就开始发表关于CSS的文章,其中大部分文章都是面向那些更注重符合标准设计的中级到高级设计师。事实上在国内也有很多人觉得这个站点不错,专门介绍web前端的技术和思想,可惜国内没有这样的网站与之比肩,不过似乎有人想将之汉化,如果真能实现对我们学习者和设计者将是莫大的福音,在此祝君顺利了。
CSS Help Pile汇集了大量的CSS资源、技巧和教程。这个网站适合各种水平的设计师学习。网站专门有CSS初学者、浏览器兼容Bug和CSS书籍点评这样的分类。这个网站似乎还提供博客之类服务,里面的文章在原创性上不及A List Apart CSS Topics,讨论的氛围也不是很浓烈。
3. CSS Basics
CSS Basics可以当成一书来看,用了18个章节来传授基本的CSS概念,对初学者相当有帮助。还有就是所有18个章节,提供打印或PDF格式下载。这个网站的结构比较简洁,一定程度上可能是因为内容的纯粹吧,都是关于基础的,不过网站中也在推荐一本名为《The CSS Anthology》的电子书,可能是一些技巧性的内容,要钱的…
Holy CSS Zeldman是关于基于标准的CSS教程、工具、布局相关链接的收集。它的界面相当朴素,乍一看还以为是网页快照呢,不过不要太在意外观上的粗糙,它的资源还是相当丰富的。
这里主要是收集著名的开发者Eric Meyer的作品,在CSS/EDGE和CSS reference等页面可以找到一些相关的资源。网站中介绍了Eric Meyer的一些书籍作品,以及文本形式的对话记录,E文好的朋友不妨去看看。
6. 456 Berea Street – CSS category
456 Berea Street下有一个CSS分类,里面有超过300篇文章,其中一部分是有关CSS书籍的介绍,其余都是关于CSS技巧的教程。至于里面文章的更新…怎么说呢,09年有一篇。
在Position Is Everything,你能学到大量CSS的高级应用技巧,Position Is Everything关注着如何解决各种浏览器兼容问题的Bug,并提出各种解决浏览器Bug的CSS解决方案。在这里,你能学到关于one true layout和构建DIV绝对定位会发生什么。这个网站似乎是专注于Bug的,你用了它的搜索功能就能体验到了。
HTML Dog致力于教授最佳的XHTML与CSS布局,分为初级,中级,高级三个级别。英语不好的朋友可以看中文翻译版的HTML Dog 。唉,不禁又期待起A List Apart CSS Topics的中文版了。
9. Learn CSS Positioning in Ten Steps
如果使用CSS定位是一个棘手的问题,这里有十步,看能不能帮你解决。这里的十个步骤不是什么长篇大论,只是简单的代码和一些描述,加上内置于页面中的预览效果。当然这个网站还有很多其它的内容和资源,到首页上去看看吧。
10. Andy Budd CSS/Web Standards Links
Andy Budd有着一系列CSS/web标准的有用链接,以帮助你找到有用的资料。网站里面没有很明确的文档归类,长长的标题列表可能会让你眼花缭乱,不过整体的界面还是相当简洁的。
W3CSchools有一个CSS部分,内容涵盖了初级到高级的CSS主题。另外关于JavaScript的使用方式,W3C Schools上提供了相当好的查询功能,像DOM有哪些事件可用,或是某个Element 要怎么存取之类,很多时候在Google上也都是查到 W3C Schools 。
12. CSS Zen Garden
CSS Zen Garden给我们展示了CSS是怎样工作的,使用相同的HTML文件,设计师提交的外部样式来美化这个文件。用Web Developer Tool就可以检查CSS是如何进行布局工作的。这个网站在七个最好的网上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的博客。它最近组织了一次调查,请15名顶尖的 Web 设计师对 CSS 提出自己的期望,15名设计师包括美国魔兽网站模板公司的Jon Hicks, Wolfgang Bartelme, Mint的 Shaun Inman 以及Stuff and Nonsense的Andy Clarke。
18. CSS on Delicious
The CSS tag on Delicious是关于优秀CSS设计的链接收集,亮点就是让我们知道哪些好东西在被人看。
SitePoint有一个CSS部分,专门讨论入门水平的CSS主题。
20. CSSDog
CSSDog有一部分为初学者与高级开发者设计的,其中的开发经验及参考,个人认为是最有价值的部分。