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禪意花園 這本書也不錯。 。 。