html - 如何写出较好的css?

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

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

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

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

提问者小葫芦提问时间:2017-04-17 13:04我来回答
15回答
大家讲道理
回复大家讲道理赞同06个月前

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

    Peter Zhu
    回复Peter Zhu赞同06个月前

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

      迷茫
      回复迷茫赞同06个月前

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

        Peter Zhu
        回复Peter Zhu赞同06个月前

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

          伊谢尔伦
          回复伊谢尔伦赞同06个月前

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

            小葫芦
            回复小葫芦赞同06个月前

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

              巴扎黑
              回复巴扎黑赞同06个月前

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

                PHP中文网
                回复PHP中文网赞同06个月前

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

                  刘奇
                  回复刘奇赞同06个月前
                    猪哥
                    回复猪哥赞同06个月前

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

                      阿神
                      回复阿神赞同06个月前

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

                        猪哥
                        回复猪哥赞同06个月前

                        干净,易读,冗余少~

                          伊谢尔伦
                          回复伊谢尔伦赞同06个月前

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

                            伊谢尔伦
                            回复伊谢尔伦赞同06个月前

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

                              PHP中文网
                              回复PHP中文网赞同06个月前

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