--- 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号作品， 输入网址. 可以查看第149个网页。