html - 如何写出较好的css?

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

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

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

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

提问者小葫芦

添加回答

15回答
大家讲道理
1个月前大家讲道理

光阴似箭催人老,日月如移越少年。

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

赞同00个回复
Peter_Zhu
1个月前Peter_Zhu

PHP中文网,永久免费,是PHP爱好者的学习圣地。

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

赞同00个回复
迷茫
1个月前迷茫

业精于勤,荒于嬉;行成于思,毁于随。

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

赞同00个回复
Peter_Zhu
1个月前Peter_Zhu

PHP中文网,永久免费,是PHP爱好者的学习圣地。

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

赞同00个回复
伊谢尔伦
1个月前伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

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

赞同00个回复
小葫芦
1个月前小葫芦

祸兮福所倚 福兮祸所伏

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

赞同00个回复
巴扎黑
1个月前巴扎黑

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

赞同00个回复
Ty80
1个月前Ty80

认证高级PHP讲师

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

赞同00个回复
刘奇
1个月前刘奇

走同样的路,发现不同的人生

赞同00个回复
洪涛
1个月前洪涛

认证0级讲师

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

赞同00个回复
阿神
1个月前阿神

闭关修行中......

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

赞同00个回复
洪涛
1个月前洪涛

认证0级讲师

干净,易读,冗余少~

赞同00个回复
伊谢尔伦
1个月前伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

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

赞同00个回复
伊谢尔伦
1个月前伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

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

赞同00个回复
Ty80
1个月前Ty80

认证高级PHP讲师

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

赞同00个回复