博客

如何编写可维护的CSS

在参与规模庞大、历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要:

  • 保持 CSS 便于维护
  • 保持代码清晰易懂
  • 保持代码的可拓展性

为了实现这一目标,我们要采用诸多方法。

本文档第一部分将探讨语法、格式以及分析 CSS 结构;第二部分将围绕方法论、思维框架以及编写与规划 CSS 的态度。

CSS 文档分析

无论编写什么文档,我们都应当尽力维持统一的风格,包括统一的注释、统一的语法与统一的命名规范。

总则

尽量将行宽控制在 80 字节以下。渐变(gradient)相关的语法以及注释中的 URL 等可以算作例外,毕竟这部分我们也无能为力。

我倾向于用 4 个空格而非 Tab 缩进,并且将声明拆分成多行。

单一文件与多文件

有人喜欢在一份文件文件中编写所有的内容,而我在迁移至 Sass 之后开始将样式拆分成多个小文件。这都是很好的做法。无论你选择哪种,下文的规则都将适用,而且如果你遵守这些规则的话你也不会遇到什么问题。这两种写法的区别仅仅在于目录以及区块标题。

阅读全文

标准
博客

还有几句教训,希望你铭刻在记忆之中:不要想到什么就说什么,凡事必须三思而行。对人要和气,但不要过分狎昵。相知有素的朋友,应该用钢圈箍在你的灵魂上,可是不要对每一个泛泛的新知滥施你的交情。留心避免和人家争吵;可是万一争端已起,就应该让对方知道你不是可以轻侮的。倾听每一个人的意见,可是只对极少数人发表你的意见;接受每一个人的批评,可是保留你的判断。尽你的财力购制贵重的衣服,可是不要炫新立异,必须富丽而不浮艳,因为服装往往可以表现人格;法国的名流要人,就是在这一点上显得最高尚,与众不同。不要向人告贷,也不要借钱给别人;因为债款放了出去,往往不但丢了本钱,而且还失去了朋友;向人告贷的结果,容易养成因循懒惰的习惯。尤其要紧的,你必须对你自己忠实;正像有了白昼才有黑夜一样,对自己忠实,才不会对别人欺诈。

—— 《哈姆雷特》中大臣波洛涅斯对他的儿子雷欧提斯的忠告

引语

继续浏览