如何写出较好的css?

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

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

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

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

阅读 7.1k
15 个回答

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

先有个好的DOM架构习惯,才会写出好的CSS~

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

干净,易读,冗余少~

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

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

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

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

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

去学一下sass(compass神器)、less或stylus
用了就你知道它的好了!

个人拙见,写得好不好不单以CSS的长度来衡量
建议先看Head First HTML/CSS,再看CSS权威指南

重点的页面结构,css嘛,玩点高级的选择器不就看起来高大上了吗,这个看个人喜好,我就喜欢用最基础的选择器,关键是页面结构的设计。

试试 scss 或者 less
然后你就可以用函数式的写法写和管理你的css样式了.
编译出来后,你的css就很好

问题应该具体到某些地方才能让回答答案更加符合你

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题