CSS学习资源终极收藏
又发现好文了,分享之。资源不算多,但极有价值!

作为一个CSS开发者(或学习者)都会用到很多资源或者站点。也许是个CSS工具,也许是篇教程,这里我收集了一些相关资源,希望对你有帮助。如果你有更好的建议,欢迎留言:)
入门
CSS其实很简单,但也需要个切入点,就从下面这几个开始吧

- W3Schools CSS introduction
- YourHTMLSource CSS introduction
- Free CSS Ebook – Need to subscribe to the RSS feed to download the Ebook!
- CSS Basics
综合
下面这几个并不一定总是用的到,但值得收藏

书籍
我并不怎么看书,但CSS除外。如果你真的关注CSS的话,建议购买下面这几本(译注:就我个人而言,看实体书和电子书完全是两个概念,一定要看前者。另外,原文推荐的为英文书,这里我找到了这几本书的中文版。这些书可能也有电子版,喜欢的搜一下吧^^)

组织代码
当然蹩脚的代码也有效,但是后期维护起来可就麻烦了,所以在编写的时候就要组织好,能节省很多时间。

- Useful Guidelines For Clean and Organized Code
- Write a well structured CSS file without becoming crazy
CSS Resets
现在来看这个步骤还是很有必要的,这样做之后可以从0开始编写CSS,并且有利于跨浏览器兼容。

字体
字体是网页设计中重要的组成部分,利用CSS可以设计出美观的标题、段落等。

- CSS & Typography – Tips and Examples
- The Paragraph & Typography Guide
- CSS Typography
- Advanced Typography Options in CSS
- CSS & Typography (Jon Tan)
CSS代码压缩
写完代码后将其压缩有利于提升CSS文件的加载速度。要注意的是一定要留一个结构良好的副本,以利于修改。

CSS cheatsheets
打印出来贴到墙上,当需要查看某个东西的时候就能信手拈来。

PSD to HTML
Photoshop中画好了结构布局,怎么用CSS和html实现呢?下面几篇文章给你答案。

- Converting a Design From PSD to HTML
- PSD to CSS in 4 lessons
- Encoding a Photoshop Mockup to XHTML & CSS
- Converting a Photoshop Mockup Screencast
CSS 框架
利用框架能够设计出完美的基于网格的页面。

CSS 工具
网络上这种工具很多,他们能有效的提高你的工作效率。

CSS bugs 及解决方法
几乎不可避免,下面几篇文章列出了常见的bugs,能节省调试的时间

- IE CSS Bugs You Will Get Every Time
- Position Is Everything – Explains the CSS bugs
- All Bugs (even IE3!)
- 20+ Common CSS Bugs and Fixes
CSS 3
主流浏览器全主持CSS3的话还需要几年吧。。。不过你现在可以使用一些被部分浏览器支持的功能。不过值得注意的是,去掉这些代码你的页面仍然美观。否则可就不好玩了。嘿

本文非原创,来源信息:
via:CSS Resources: The Ultimate Collection
author:Stefan Vervoort
trans:Luc



















2009-01-21
我也正在学习css,想搞个自己的theme,怎奈闹到越来越不好用了,^_^