展示以CSS技术为基础,并提供超强的视觉冲击力。只要选择列表中任意一个样式表,就可以将它加载到本页面中,并呈现不同的设计效果。

下载HTML文档CSS文件

启蒙之路

不同浏览器随意定义标签,导致无法相互兼容的DOM结构,或者提供缺乏标准支持的CSS等陋习随处可见,如今当使用这些不兼容的标签和样式时,设计之路会一路坎坷。

现在,我们必须清除以前为了兼容不同浏览器而使用的一些过时的小技巧。感谢W3CWASP等标准组织,以及浏览器厂家和开发师们的不懈努力,我们终于能够进入Web设计的标准时代。

CSS Zen Garden(样式表禅意花园)邀请您发挥自己的想象力,构思一个专业级的网页。让我们用慧眼来审视,充满理想和激情去学习CSS这个不朽的技术,最终使自己能够达到技术和艺术合而为一的最高境界。

这是什么?

对于网页设计师来说应该好好研究CSS。Zen Garden致力于推广和使用CSS技术,努力激发和鼓励您的灵感和参与。你可以从浏览高手的设计作品入门。只要选择列表中的任一个样式表,就可以将它加载到这个页面中。HTML文档结构始终不变,但是你可以自由的修改和定义CSS样式表。

CSS具有强大的功能,可以自由控制HTML结构。当然你需要拥有驾驭CSS技术的能力和创意的灵感,同时亲自动手,用具体的实例展示CSS的魅力,展示个人的才华。截至目前为止,很多Web设计师和程序员已经介绍过许多关于CSS应用技巧和兼容技术的各种技巧和案例。而平面设计师还没有足够重视CSS的潜力。你是不是需要从现在开始呢?

邀您参与

我们邀请广大设计师参与到这项计划中来,当然包括您。你需要修改这个页面的样式表,所以要有良好的CSS技术。不过本文档已经详尽地加上批注,即使是CSS初学者,也能够在此基础上尝试设计出很棒的作品来。请参考CSS资源,里面提供了CSS入门教程和使用技巧。

你虽然可以自由修改样式表,但是千万别改动HTML文档结构。如果你还感觉手比较生,没有思路。建议你先单击列表中的作品,通过深入学习和 研究别人的案例,以便从中找到设计的感觉。

请下载HTMLCSS文件,然后尝试并努力在本地计算机中进行修改。当你设计完成之后,先将CSS样式表文件上传到你的网页服务器,再把样式表文件的网址告诉我们。如果我们采用你的作品,就会自动下载相关图片,最后成品将放在我们的服务器上。

参与好处

为什么要邀请您参与这项计划呢?因为这里提供了一个平台,能够展现你的技术水平、激发你的设计灵感,并且所设计的CSS案例文档,将成为重要的学习资料。即使到了今天这些资料都是很珍贵的和重要的。越来越多主流网站开始采用CSS技术,但是还不够。虽然现在还不成气候,但总有一天这些资料会成为历史的宝藏。

参与要求

CSS1已经落伍了。CSS2现在成为网页设计的主要技术标准。CSS Zen Garden采用的是可行、实用的CSS语法,而不是那些仅能被个别超前浏览器所能解析的技术(如CSS3)。实际上,我们唯一的要求就是你的CSS要符合标准。

即便如此,你还需要考虑CSS的兼容性。因为即使是完全符合标准的CSS语法,不同浏览器所呈现的效果也是不一致的。很多设计师整天忙于CSS兼容性处理,这实在是件让人恼火的事情。也请你参考相关资源了解一些Bug修正的信息。希望所有浏览器都能够完整、正确、统一的支持CSS是不切实际的,我们也不希望你用精准到像素级别CSS代码来实现在不同浏览器中具有相同的呈现效果。当然还是请你在各种主要浏览器中进行测试。如果你的设计无法在IE 5及以上版本浏览器中正常显示(因为超过90%以上的用户都使用这些浏览器),我们无法采用你的作品。

我们要求你提交原创作品,因此你必须尊重别人的版权。请尽可能不要使用有争议的素材;我们可以接受高雅的裸体素材,但是拒绝低俗的色情图片。

这仅是一个示例,也是学习用的材料。你可以保留图片的完整版权,但我们要求你许可在本站免费发布你的CSS作品,这样其他读者可以从中学习。

带宽由dreamfire studios提供。

不知道
2
3
4
5
6