有没有办法让CSS 写的更简单些

你看到的99%网页都有CSS,然而,99%的CSS 代码并不像“代码”。更像蜘蛛网,他们之间紧密的罗织在一起,脆弱的像风中的女子。的确,CSS3 发布之后,很多超级赞的新特性给了CSS更多曝光的机会,但这个配置语言本身存在设计上的弊端。

题目写的有点大了,分两部分写:

  • 最佳实践,让CSS 编写起来更痛快
  • 换一种方式组织CSS

最佳实践

写过CSS的必然明白,第一次写,很难写好。维护别人写的代码再进行二次编码,跟便秘一样。

  • 样式真多
  • 为什么不合并重用
  • 合并之后--- 为什么不好用,哪里来的DIV 怎么鬼畜到这里了[论CSS坑爹的优先级问题]
  • 新开一个项目,又要写CSS,昨日重现!!

面对这些问题的时候,你首先要问自己,你是不是要去申请个吉尼斯纪录,你是不是遇到了前所未有的问题。答案显而易见,前人一定遇到过。那他们怎么解决的呢。

谷歌

简单说一下我的一点经验:

  1. 写CSS 更能看出一个程序员的个人修养,写代码的时候,一定要时刻考虑重用性,建议首先与团队协调,统一参照某一开源库写法,比如bootstrap
  2. 对CSS代码块进行注释,写过注释的肯定会明白,真的没啥可写的,但拿出开源库的注释你就会明白,怎么写,写什么
  3. 用SASS/LESS 组织你的代码,无论是模块化还是重用性都会有质的提升
  4. 能不写CSS就不要手写
  5. 引入其他库文件的时候,尤其是bower引入,不要直接在bower_components内部修改库文件的源码,而是在自己的工程目录中重写覆盖,覆盖的原则参照[CSS优先级]
  6. 还是一句老话,别老想着自己造轮子,除非你的项目经理是变态,否则,可以跟你的设计师好好沟通,以产品为导向,重用库文件中原有的CSS,修改设计稿比修改源码更加可靠。

未来的CSS

SASS 已经给了我们一种组织样式配置语言的模式,但归根结底还是在写配置文件。React 与 Angular给了我们一些启发,可以把配置文件与其他代码同时打包放在一起。
另外,样式的优先级问题必须优化,这种依赖前后位置的配置文件用起来太多弊端了。

如果你有其他的想法,可以回复在下边。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,833评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,837评论 18 139
  • 抓着暑假最后的尾巴,这一天,带着儿子出发了。这一假期,忙着自己学习,忙着学校排练,唯独没有带儿子出去走走,看看世界...
    素心素语阅读 182评论 0 2
  • 宁波雅戈尔动物园发生老虎伤人事件后,宁波东钱湖旅游度假区管委会通过官方微博发布消息称,事件中死亡的张姓男子系未买票...
    袁卫星阅读 1,924评论 5 17