html - 如何写出较好的css？

Question

1. 在上IFE前端学院, 在完成任务 发现一个问题,
   大家都是架构一个页面. 还原度差不多类似, 但是我的CSS可能是别人的两倍长

2. 然后我看了别人的源码, 发现他们设计的很巧妙, 而自己没有这样的意识

3. 发现自己的CSS布局是对html分块之后逐步细化很臃肿, 但是别人的css标签就很有意义,也很精炼

所以我想问 如何能够提高自己的CSS的水平, 写出优秀的css代码, 或者是如何养成一种良好的css布局的想法？

Answer 1

1、做页面时不要急着动手写，先抽象出来可以共用的样式，一个组件可以用多个类来实现其样式。
2、简化实现，当觉得做出一个效果需要很长时间时，想想有没有别的解决办法；经验多了，自然也就有进步。
3、如果真的感兴趣，可以买一本《css设计模式》看一看。
4、当代码写到一定量时，可以去看看一些著名前端框架的实现，也可以试着去使用less和sass。

Answer 2

先有个好的DOM架构习惯，才会写出好的CSS～

Answer 3

建议看看Bootstrap框架（http://getbootstrap.com），参考一下它的设计思想和源码，可以暂时不要看LESS或SASS的内容。

Answer 4

干净，易读，冗余少~

Answer 5

有一个OOC的概念，面向对象的css编程，希望有所帮助

Answer 6

有人还要组队吗？ 我现在还没有找到队伍，申请的队伍都是在审核中。

Answer 7

推荐下张鑫旭的博客
http://www.zhangxinxu.com/wordpress/page/2/?s=%E5%B8%83%E5%B1%80

Answer 8

推荐《精通CSS：高级Web标准解决方案（第2版）》
http://item.jd.com/10064452.html
这里面css基础讲的很透彻，很受用，保证你头脑里的css再也不是一片浆糊

Answer 9

强烈给你推荐一本书我从去年就在关注《CSS Secrets》中文版的这个月底才上线，css中的葵花宝典。

Answer 10

css禅意花园 这本书也不错。。。