• [置顶] 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设计彻底研究》则注重了一些细节和基础,有兴趣的可以从提供的链接地址下载到电子书和相关的源代码。

  • 相关阅读:
    Object上的静态方法
    【php实现数据结构】单向链表
    图片上传方案详解
    新手必踩坑之display: inline-block
    前端算法题:找出数组中第k大的数字出现多少次
    this的五种指法
    通过java反射实现的excel数据导出
    算法系列-动态规划(4):买卖股票的最佳时机
    算法系列-动态规划(3):找零钱、走方格问题
    数据库仓库系列:(一)什么是数据仓库,为什么要数据仓库
  • 原文地址:https://www.cnblogs.com/WestGarden/p/3138320.html
Copyright © 2020-2023  润新知