展现一个基于CSS的设计方式便能达到十分精彩的视觉效果。选择列表中的任何一款样式,皆可以将它载入当前页面。

下载html 文件以及css 文件示例文档。

启蒙(enlighten)之路

浏览器专属标签,兼容性不高的DOM,以及缺乏完善支持的CSS,这些都散落(littering)在黑暗(dark)而荒凉(dreary)的道路上。

如今,我们必须清理过去的实践(practices)思维。Web 的启蒙之路已经打开,为此感谢W3CWaSP,以及为此而孜孜不倦努力的人们吧。

禅意花园邀请你体会(relax meditate)一下专家们的这项重要的课题。看清楚吧,我们将以一种超爽快的方式(invigorating fashion)运用这种上了年代的(time-honored)技术。

这是关于什么的呢?

很明显平面设计师们是需要认真(seriously)对待CSS。Zen Garden 就致力于激励大家( excite inspire encourage)参与到其中。而浏览列表中现有设计是个不错的开始。单击便可让当前页面装载样式。HTML是不变的,而改变的是外部的CSS文件。的确就是如此

CSS拥有完善的能力去全面掌控超文本的样式。只要你让拥有结构美感的人驾驭(reins)这一切便可以使人们为此兴奋。如今,构架师和程序员已经示范(demonstrated)了不少简洁灵活的(neat tricks)范例以及高超的技巧(hacks)。设计师们需要改变才能创造他们的辉煌(mark)。

参与(participation)

只有有能力的设计师才会被邀请,因为修改这个页面需要很高超的(strong)CSS技巧。不过这份文档拥有的注释也应该够满足CSS初学者的需要了。更多的进阶指南以及技巧提示可以参照CSS资源手册

你可以以任何你喜欢的方式修改样式,不过不包括HTML文档啊。初次尝试会沮丧(daunting)是正常的。不过利用这个示例当模板可以以在上面的连接中学到很多。

下载html以及css的示例文档到本地吧。当你完成了你的杰作(masterpiece)后(当然半成品是没有提交价值的),可以将.CSS文档先上传到一个由你控制的服务器上。给我们一个文件的连接。如果被采纳了,我们便会采集(spider)一切相关图片。而最终你的成品会留在我们的服务器上。

益处

为何参与?为了赏识,灵感(recognition inspiration),一份能在你进行基于CSS设计时的全程参考(refer)资源。及时是在今天,这是十分(sorely)需要的。越来越多的网站正加入(leap)其中,但是还是没有掌握(not enough have)。不久的将来这个长廊(gallery 禅意花园的标识是一个长廊的门)将会是珍贵的历史遗迹(historical curiosity)。

必要条件

我们喜欢看到尽可能多的CSS1CSS2限制在已被广泛支持的部分。禅意花园采用的都是可行的实际的(functional practical)CSS,而非那种只能被2%的人浏览的尖端技术(bleeding-edge)。我们唯一要求的仅仅是你的CSS是有效的(validates)。

不幸的是,以这种方式设计会变得强调各个种类CSS实现的不足(flaws) 。即使是合乎标准的CSS而在不同的浏览器上其显示结果也未必一致。而更会让你抓狂(maddening)的是,你无法兼顾双方(breakage)。参考资源页面获得更多修正相关的支持。当然我们并不幻想(pipe dream)可以支持(compliance)所有的浏览器,更不希望看到使用精确定位像素(pixel-perfect)的方式来保证代码级的跨平台,但还是尽量多做测试吧。如果你的设计无法在 IE5+/Win 以及 Mozilla 上正常显示(超过 90% 的人正在使用)的话,那我们可是不会接受的。

我们希望你提交的是原创作品。请遵守(respect)著作法。尽量不要使用会产生争议(objectionable)的材料;高雅的裸露(tasteful nudity)是可以被接受的,但不包括带有色情性质的(pornography)。

这是个学术示例。你可以保留(retain)图片的版权(例外请看 退让方针),但是我们希望你以与本网站相同的Creative Commons license声明你的CSS作品,让其他人可以从中学习。

带宽由DreamFire Studios提供。