CSS Zen Garden

概述

CSS Zen Garden（CSS 禅意花园）是由加拿大设计师 Dave Shea 于 2003 年创建的示范网站：站点提供一份固定不变的 HTML 文档，邀请全球设计师仅通过替换 CSS 文件（及自备图片）提交风格迥异的视觉设计，以证明「结构与表现分离」的强大能力。

背景

2000 年代初，主流网页仍依赖表格布局与切图拼接，许多开发者认为 CSS 只能做简单修饰。CSS Zen Garden 用数百件投稿作品直观展示了同一结构可以呈现完全不同的版式、配色与意境，成为说服业界转向 CSS 布局的标志性案例。

影响

• 加速了表格布局向 CSS 布局的行业转型，与 Web 标准运动相互呼应；
• 衍生出版书籍《The Zen of CSS Design》，由 Dave Shea 与 Molly Holzschlag 合著；
• 至今仍被前端教学广泛引用，视为「内容与表现分离」理念的活教材。

现状

站点长期保持开放投稿的传统，其经典设计作品作为 Web 设计史料持续在线展示。