html + css + js 的前端三剑客，用了也挺久了。特别喜欢javascript，但似乎一直 都误解了css，一开始以为只要学会写div { height:20px; }，css就会写了。
但是有人说过学习CSS要把它当成一门语言来学，这么久的开发经历也对这句话深有体会了，比如css类的设计就是一门很大的学问。一个优秀的css框架的设计真的让读代码的人看得赏心悦目。
所以我觉得自己需要重新审视这门语言，各位对于从基础到深入学习CSS有没有什么好的建议？
题主一定是遇到了样式的bug搞不定，然后各种查资料但还是解决的很坑。所以决定重新学习CSS。
个人认为最好的教材非《CSS权威指南》莫属。
因为这本书一直在讲浏览器是怎样处理css代码的。知道了浏览器渲染css的工作原理，样式bug不在话下。
有能力可以看英文原版，中文版中翻译的“行内”和“内联”有时不太对。
遗憾的是这本书没怎么讲CSS3的东西。
推荐几本比较好的书
《CSS禅意花园》
《编写高质量代码:Web前端开发修炼之道》
《精通CSS+DIV网页样式布局》
推荐几个博客
张鑫旭
http://www.w3cplus.com/
模仿－对比－总结
无它多写而已，多看别人是怎么写。
http://www.cnblogs.com/jikey/p/3613082.html
基础要打好, 这个毫无疑问. 盒子模型特别要掌握好!
但是我想说人家 CSS 做的界面好看, 主要还是设计得好(技术实现也跟得上).
推荐用 Chrome Workspace 来学习跟调试 CSS,
从 Chrome 开发团队放出的视频看, CSS 是想给设计师和 App 开发者用的,
比如 Chrome 里通过拖拽选择颜色, Firefox 里加入 Color Picker 功能等等.
还有 Adobe 开发的 Brackets 编辑器, 大量借鉴了设计师改界面的手法来编辑 CSS.
可以预期以后会有大量相关的工具引进...
不过这不影响学 CSS 基础还是该打好...
插个广告我博客上稍微链了些 CSS 资源, 虽然 W3CPlus 翻译的文章看起来好多了...
http://www.w3cplus.com/tools/source-maps-101.html
另外还要对 CSS3 各种新技术保持关注:
以及浏览器支持情况保持关注: http://caniuse.com/
推荐一些相关网站:
http://tympanus.net/codrops/
http://css-tricks.com/
http://www.smashingmagazine.com/
https://news.layervault.com/
找一个优秀的模板，研究分析一下，了解HTML结构后，拿掉某一部分CSS，自己写一下还原试试看~ 坦率的讲这方面老外做的比较不错 http://themeforest.net
先把css权威指南看完
http://book.douban.com/subject/2152110/
然后看这个在线布局教程
http://zh.learnlayout.com/
然后看下bootstrap的css源码
结束
最近发现一个挺不错的资料库,跟題主分享一下.
我经常就去找一些看起来很好看的页面，然后尝试自己写出来，然后再去看看他是怎么实现的，然后自己对比总结归纳。。。
CSS权威指南还不错