这是什么项目?

我们需要不断展示 CSS 的力量. 禅意花园致力于兴趣推广、创意激发和鼓励 CSS 的使用和参与。想参与我们,你可以先从浏览列表里现存的设计开始。点击列表中任一项,就可以载入对应的样式表至本页。其中,HTML 代码将保持不变,唯一改变的是对应的 CSS 代码。是的,这是真的。

CSS 允许对超文本文档的样式进行全面而完整的控制。通过让人们激动的方式来说明这一点的唯一方法,是把控制的缰绳交到那些有能力从结构中创造美的人手上,来展示 CSS 的本质。许多设计师和开发者都曾为 Web 之美做出了贡献,我们仍可以走的更远。

参与方式

稳健的视觉设计总是我们所关注的。你若要修改本页面,自然必须具备扎实的 CSS 技能。不过我们的样例文件已经加上了详尽的注释说明,就算是 CSS 初学者都可以上手。详见: CSS 资源指南,里面有 CSS 相关的进阶教程和技巧提示。

你可以用任何你希望的方法来修改样式表,但是请勿修改 HTML 源码。若你是第一次这么做,或许会心生畏惧,不过你可以参照列表进行深入学习,并且使用示例文件作为参考指南。

请下载 HTMLCSS 范例文件,并在本地电脑上修改. 当你完成你的杰作后(请勿拿半成品投稿),请将您的 CSS 文件上传到你的 Web 服务器上,并将所有相关的文件打包成压缩文件,发送链接给我们。若采用您的作品,我们会将其下载并放在我们的服务器上。

获益

你为什么要参加这项计划呢?因为它可以展现你的实力,激发你的灵感,并作为展示 CSS 惊人效果的参考资源。本站为当前web工作者提供灵感,为初学者提供学习工具,并陈列我们所期待的未来的技术。

要求

希望您尽可能的使用 CSS 1 & 2CSS 3 & 4 仅限使用已被广泛支持的内容,或者在浏览器不支持时提供对应的后备方案。CSS 禅意花园关注的是实用、可行的 CSS 语法,而并非只能被2%大众浏览的高端技巧。我们真正意义上的唯一要求是你的 CSS 有效。

幸运的是,这样的设计可以展示目前各种浏览器对 CSS 的支持有多完善。若你遵守指导方针,你应该会在大多数的现代浏览器上看到相当一致的效果。由于当前网络上用户端种类繁多,尤其考虑上可移动设备,因此要达到所有平台通用的像素级的精准布局不太可能。这没关系,只要尽可能多的测试兼容性就够了。你的设计应该至少在 IE9+ 和最新版的 Chrome、Firefox、iOS 和 Android 浏览器上正常工作(超过90%以上的使用者)

我们要求你提交的是原创作品。请遵守著作权法规。请尽可能不使用具有争议性的素材,并尝试纳入独特而有趣的视觉题材于你的作品中;我们并不需要另一个和花园有关的设计。

这是一个范例,同时又是一个学习练习。你可以保留图片的完整著作权(有限的例外情况,请参见 投稿方针),但是我们要求你使用 与本站相同的知识共享授权公开发布你的 CSS 作品,以便他人可以从中学习。

Dave Shea 提供。带宽由 mediatemple 友情赞助。禅意花园之书,火热发行中。