在上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禅意花园 这本书也不错。。。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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禅意花园 这本书也不错。。。