介绍

MaintainableCSS 目标是编写模块化,可扩展,可维护的 CSS。这个指南不仅仅解释如何去做,更多的是解释为什么要这么做。

无需下载

这不是一个库或框架。这是一套规则,指南和约定来帮助你编写小型或大规模网站的 CSS。

可维护是什么意思?

可维护可以定义为无需担心改样式会意外导致问题。

可扩展是什么意思?

可扩展意味着随着样式的增加,它仍然易于维护。如果你曾接手一个大CSS的代码,并且害怕对它做修改,我想你会支持这种做法。

模块化是什么意思?

模块是一个不同的,独立的单元,能与其他模块结合来形成一个更复杂的结构。在客厅,我们可以把电视,沙发和壁画看做模块,这些模块结合在一起构成了一个房间。

如果我们拿走某个单元,其他单元依然能工作。没有电视我们还是可以坐在沙发上等等。一个网站,头部,注册表单,购物车,文章,产品列表,导航和首页的广告都可以认为是一个模块。

这适合我吗?

如果你曾体验过编写或维护 CSS 的痛苦,那么你会从中找到一些有用的信息。如果你在一个团队中工作,本书可以作为你和你团队的文档。

这学起来难吗?

并不会。花费不到 20 分钟时间你就能读完,包括它这么做的依据。实践它甚至花不了1分钟。

章节

  1. 介绍
  2. 语义化
  3. 复用
  4. ID
  5. 约定
  6. 模块
  7. 状态
  8. 修饰器
  9. 版本
  10. Javascript
  11. 组织
  12. 问与答