日期:2014-05-17  浏览次数:20699 次

CSS禅意花园——CSS设计的绝美境界

CSS禅意花园,早有耳闻,一直没太注意,原来,这是世界上都非常著名的网站,这个网站,主页只有一个,样式表却有成百上千个,选择不同的样式表,装载到这个页面,就会为我们呈现成百、上千种不同的视觉效果。

这个网站的地址是:http://www.csszengarden.com

首页:

CSS禅意花园是一位加拿大设计师Dave Shea于2003年创建的,Dave Shea首先精心设计了一个网页,把这个网页的结构和内容固定下来,为这个网页设计了5个不同主题风格的CSS样式,然后,通过网站的发布,邀请全世界的设计师们参与CSS禅意花园作品的设计。

这样的设计,大家都可以参与,只要你的样式表作品及图片上传到某个空间,把链接地址提交到禅意花园的网站即可。

目前,禅意花园收录了1000多个作品,其中,213个作为“官方作品”保存在禅意花园的网站上,其余的作品以链接的方式,链接到禅意花园的目录中。

主页上有个“Select a Design”栏,里面有8个推荐的作品,点击其中的链接,欣赏8个不同的创意。

“Archives”栏中有个链接“View All Designs”点击可进入保存在官方网站上的作品列表中,如图示:

这一列表,共18页213个作品。点击任一作品,都可以在网站上欣赏到这一样式表作品装载到主页上的效果。

在这一作品列表页中有一个链接“didn’t make the cut”,点击可进入“其它提交的作品”,共11页,1039个作品,如图示:

这些作品,由于这样或者那样的原因,没有被收录到禅意花园的官方网站上,作品的样式表和图片保存在作者提供的空间中,以链接的形式链到到主页上的,有些链接已经失效了。

主页上提供了原始的HTML文档和CSS文件下载链接,也提供了我们浏览的作品的样式表下载链接(这些素材包括图片,浏览过后,直接到“Internet临时文件夹”中去拿,更清爽些),我们可以参考学习,也可以随意更改和使用这些CSS作品,只是相关的图片,虽然也有很多人在使用,但版权还是作者的。

收录在禅意花园上的作品,可以说,都是大师级别的,真诚地希望某一天,也能在这里欣赏到您的大作……

有两本书主要讲解这个网站上的作品:

《CSS禅意花园》
CSDN免积分高速下载地址:http://download.csdn.net/detail/yousuosi/4616353;
《CSS设计彻底研究》
CSDN免积分高速下载地址:http://download.csdn.net/detail/yousuosi/4612692
这两本书讲解的角度不同,《CSS禅意花园》主要是从美工的角度讲解了作品的设计艺术,《CSS设计彻底研究》主要是从前端的角度讲解了作品的CSS设计,有兴趣的可以从提供的链接地址下载到电子书和相关的源代码。
2楼dell620ss26分钟前
好厉害
1楼Yy_200742小时前
= =