---
title: "禅意花园——CSS网页经典案例"
date: 2010-11-03 00:00:00
---

**禅意花园——CSS网页经典案例**

**作者 liu**

[![](/images/2010/11/u42748670341659055255fm0gp0.gif "u=4274867034,1659055255&fm=0&gp=0")](/images/2010/11/u42748670341659055255fm0gp0.gif)\*\* \*\*

\*\*  
CSS禅意花园是一位加拿大设计师Dava Shea创建的，他在网站设计的实际工作中逐渐认识到CSS的巨大潜力远远被挖掘出来。 \*\*\*\* \*\*

为了推动CSS设计的发展，他在2003年建立了“CSS禅意花园”这个网站，网址为[http://www.csszengarden.com](http://www.csszengarden.com/)

[![](/images/2010/11/u4243068223183409904fm15gp0.gif "u=4243068223,183409904&fm=15&gp=0")](/images/2010/11/u4243068223183409904fm15gp0.gif)

他知道仅仅依靠自己的力量是无法发掘出CSS的全部潜力的，因此采用了征集作品的方式，通过大家的努力来展现CSS的魅力。

 首先Dava Shea精心设计了一个网页，把这个网页的HTML结构和内容固定下来，为这个网页设计了5个完全不同主题风格的CSS样式，

然后通过网站的发布，邀请全世界的广大设计师参与CSS禅意花园的作品设计，征集作品。

[![](/images/2010/11/7f9fbd82614149e7bc3e1ecb-300x225.jpg "7f9fbd82614149e7bc3e1ecb")](/images/2010/11/7f9fbd82614149e7bc3e1ecb.jpg)

对征集的作品要求必须完全使用他提供的这个HTML结构和内容，不能做改动，要保证通过调用设计师提供的CSS文件来展现作品。

读者在网址[http://www.zengarden.com](http://www.zengarden.com/)的后面加上编号，就可以查看相应的作品，例如要查看005号作品，

输入网址<http://www.zengarden.com/?cssfile=005/005.css>.  
<http://www.csszengarden.com/?cssfile=/149/149.css>可以查看第149个网页。
