在上IFE前端学院, 在完成任务 发现一个问题, 大家都是架构一个页面. 还原度差不多类似, 但是我的CSS可能是别人的两倍长
然后我看了别人的源码, 发现他们设计的很巧妙, 而自己没有这样的意识
发现自己的CSS布局是对html分块之后逐步细化很臃肿, 但是别人的css标签就很有意义,也很精炼
所以我想问 如何能够提高自己的CSS的水平, 写出优秀的css代码, 或者是如何养成一种良好的css布局的想法?
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...
1、做頁面時不要急著動手寫,先抽像出來可以共用的樣式,一個元件可以用多個類別來實現其樣式。 2、簡化實現,當覺得做出一個效果需要很長時間時,想想有沒有別的解決辦法;經驗多了,自然也就有進步。 3.如果真的有興趣,可以買一本《css設計模式》來看。 4.當程式碼寫到一定量時,可以去看看一些著名前端框架的實現,也可以試著去使用less和sass。
先有個好的DOM架構習慣,才會寫出好的CSS~
建議看看Bootstrap框架(http://getbootstrap.com),參考一下它的設計想法和原始碼,可以暫時不要看LESS或SASS的內容。
乾淨,易讀,冗餘少~
有一個OOC的概念,物件導向的css編程,希望能有所幫助
有人還要組隊嗎? 我現在還沒找到隊伍,申請的隊伍都是在審核中。
推薦下張鑫旭的部落格http://www.zhangxinxu.com/wordpress/page/2/?s=%E5%B8%83%E5%B1%80
推薦《精通CSS:高級Web標準解決方案(第2版)》http://item.jd.com/10064452.html這裡面css基礎講的很透徹,很受用,保證你腦中的css再也不是一片漿糊
強烈推薦你一本書我從去年就在關注《CSS Secrets》中文版的這個月底才上線,css中的葵花寶典。
css禪意花園 這本書也不錯。 。 。
1、做頁面時不要急著動手寫,先抽像出來可以共用的樣式,一個元件可以用多個類別來實現其樣式。
2、簡化實現,當覺得做出一個效果需要很長時間時,想想有沒有別的解決辦法;經驗多了,自然也就有進步。
3.如果真的有興趣,可以買一本《css設計模式》來看。
4.當程式碼寫到一定量時,可以去看看一些著名前端框架的實現,也可以試著去使用less和sass。
先有個好的DOM架構習慣,才會寫出好的CSS~
建議看看Bootstrap框架(http://getbootstrap.com),參考一下它的設計想法和原始碼,可以暫時不要看LESS或SASS的內容。
乾淨,易讀,冗餘少~
有一個OOC的概念,物件導向的css編程,希望能有所幫助
有人還要組隊嗎? 我現在還沒找到隊伍,申請的隊伍都是在審核中。
推薦下張鑫旭的部落格
http://www.zhangxinxu.com/wordpress/page/2/?s=%E5%B8%83%E5%B1%80
推薦《精通CSS:高級Web標準解決方案(第2版)》
http://item.jd.com/10064452.html
這裡面css基礎講的很透徹,很受用,保證你腦中的css再也不是一片漿糊
強烈推薦你一本書我從去年就在關注《CSS Secrets》中文版的這個月底才上線,css中的葵花寶典。
css禪意花園 這本書也不錯。 。 。