摘要

  • Dave Shea 的项目回顾记载，2003 年启动的 CSS Zen Garden 禁止投稿者改动 HTML，所有视觉变化必须来自 CSS、图像和字体。
  • 现存站点仍可在相同页面上切换设计。项目在2013 年更新底稿为 HTML5 与 CSS3，说明「固定页面」本身也要维护。

规范写在纸上，客户要看屏幕

W3C 1996 年的 CSS1 建议书已经描述了用样式表给 HTML 配置字体、颜色和间距的办法。可在日常制作中，表格布局和字体标签依然熟悉。Shea 在项目历史里回忆，到 2003 年，许多人仍认为 CSS 只能调调字色，做不出让人愿意买单的网页。再解释一次标准条文，不如拿出一排页面，让怀疑者自己点击。

于是他设了一条近乎蛮横的规则：HTML 不准改。投稿者可以写 CSS，加入图像和字体，但必须在同一份文档上完成设计。站点的演示很直接：选择另一个样式，页面内容和底层 HTML 保持，视觉面貌却换了。如果每个设计师都能重写结构，美观的结果就无法证明样式表的本事。锁住底稿，才有了公平的比较。

Shea 从一开始就想做社区画廊。已收录的设计把同一任务交给许多人，成品彼此争辩。投稿者获得署名，访问者用眼睛比较，而不必先学会 CSS 选择器。标准原本是开发者之间的技术承诺；画廊让它成了一场公开的实物展。

锁住底稿的人也握着裁判权

这种自由有明确边界。站点决定 HTML 写什么、有哪些元素、哪些投稿能上墙；设计师在这些结构之内决定颜色、排版和图像。CSS 能大幅重排外观，却不能凭空造出底稿中没有的真正语义关系。花园证明的不是 HTML 可以随便写，而是当 HTML 不动时，视觉层依然可以走多远。底稿的主人并未退出决策。

投稿条款还把学习和取用分开。参与者需用原创图像，图像版权仍由作者持有；项目则要求 CSS 采用开放的 Creative Commons 许可，让别人学习技巧。读懂一张样式表，不等于拿到复制他人插画的权利。这个区分让作品集既能当教材，也能尊重创作者的视觉资产。

固定底稿还会老。Shea 的投稿说明写明，2013 年十周年时，项目改用 HTML5 和 CSS3；原来的 XHTML、CSS2 基础作为教学样本开始过时。要让设计可比，必须在一段时间内守住同一个基准；要让基准继续解释现代网页，又必须有人决定何时换它。所谓不变的 HTML，背后一直有维护成本。

CSS Zen Garden 没有发明 W3C 的 CSS 规则。它给规则一座舞台和一条限制，把技术争论变成设计师能赢、读者能看的比赛。同一页，许多种外观。那比重复宣传「标准很强大」更有说服力。