我也说一下吧，求高手不喷。

我和题主一样， 也是刚学了 CSS 的一些基本语法，想着练手，可是自己对于网页 UI设计不太在行（美工渣），于是就模仿着别人的页面来做。
于是我就找了个美工很厉害的朋友的页面，打开他的 CSS ，查看他的颜色值，（注意，我只是看他的颜色值），其他的我没看。然后再按照那个页面的风格来写自己的页面的 CSS 。模仿的过程你只看被模仿页面在浏览器上显示出来的效果，最多看看 CSS 里颜色值（当然，如果你配色能力强/对颜色敏感的话就自己选择颜色吧），其他属性就根据看到的然后自己思考该怎么实现。（P.S. 当时我把做出来的效果发给那个朋友看，他也被吓了一跳，他还问我是怎么做到的，哈哈 :P）
这种方法在初学的时候应该还是挺有用的吧，我现在在模仿中慢慢找到感觉了，不过以后就要开始有自己的想法了，接下来该怎么做就让高手来回答吧，我水平不够了

送给你 LayoutIt! 可拖放排序在线编辑的Bootstrap可视化布局系统。
LayOut

按照你想的随意摆放你的布局，然后可以下载HTML代码，再然后自己折腾

找一些比较好的网站，进行不断的修改和调试，直到变成自己的。主要的还是多练手。

这还不好办。你可以随便到BAT的网上找一个前端的效果，自己实现它。把你遇到的所有技术难点都搞懂它。

http://jsfiddle.net

• 学习使用bootstrap
• 到 www.codecademy.com 学习HTML结构
• 学习写一个自己的简历静态页

逼自己切图，做页面出来，有时间就看www.w3school.com.cn

简单说说我个人的意见。

1. 书籍：CSS: The Definitive Guide, 3rd Edition by Eric Meyer，通过它，你可以知道CSS是什么，以前它能做什么。
2. 参考资料：CSS Of MDN，它提供了CSS属性值的参考，step by step的入门指南，还有许多生动的例子。
3. 常用站点：CSS-Tricks, [CSS Zen Garden](CSS Zen Garden: The Beauty in CSS Design),etc...
4. RSS订阅：Web Design Weekly, Responsive Design Weekly, etc..
5. Just do it. 如果你知道了理论知识，但是没有实践，也是于事无补的。最好的老师就是实践，从实践中学习，碰到问题后，可以问Google或是类似SF这类网站，那么你会收获很多的。

说一下我当初的经历：没看书，就是拿了一个切好的网站（就是设计图和html/css代码），然后自己重新切一遍，不会的就对照成品，看看它是怎么写的，这样对CSS就有了一个大体的了解了。
然后，就可以自己独立写了，遇到不懂的/解决不了的，就去网上查，一般你遇到的问题，早就被人家问烂了，渐渐的，就脱离CSS小白行列了。

尝试自己做出淘宝页面！再去看他们的源码，看那些特别的地方人家是怎么处理的，比如清浮动，如何解决兼容性问题这些