2.1 "CSS Zen Garden" Introduction

Source: Internet
Author: User
Tags css zen garden

In the design of the website, especially in the field of CSS design, there is a world famous website--css Zen Garden, the Chinese name is "CSS Zen Gardens". This website shows the highest level of CSS in the most effective and graceful way.

Anyone who learns CSS should not miss the study of the CSS Zen garden. This chapter introduces a selection of 16 works from nearly thousands of works on the Zen Garden website, and their HTML structure and content are identical, with different CSS settings, making a completely different effect.

The CSS Zen Garden was created by a Canadian Shea Dave, who, in the practical work of website design, realized that the great potential of CSS was far from being explored. In order to promote the development of CSS design, in 2003 he established the "CSS Zen Garden" This site (URL is http://www.csszengarden.com). He knows that relying solely on his own power is not able to discover the full potential of CSS, so the use of a collection of works, through the efforts of everyone to show the charm of CSS.

First Dave Shea carefully designed a Web page, the HTML structure and content of this page fixed, for this page design 5 completely different theme style CSS style, and then through the release of the site, invited the world's vast number of designers to participate in the design of CSS Zen Garden Works, collection of works.

The request for work requires that the HTML structure and content that he provides must be fully used and cannot be altered to ensure that the work is presented by invoking a CSS file provided by the designer.

Readers in the URL http://www.csszengarden.com after the number, you can view the corresponding works, for example, to look at the work of number No. 005, enter the URL http://www.csszengarden.com/?cssfile=005/005.css can be.

I. Introduction to the works of the website

Dave Shea himself made the proletariate of the number 001-005 works. One of the Ooi works is called "Tranquille" (quiet). This work has been used as the homepage of the CSS Zen Garden website for several years, click on the following URL to view. Lodidance.com

Http://www.csszengarden.com/?cssfile=001/001.css

No. 002 Works named "Salmon Cream Cheese" (Salmon cream cheese), click on the following URL to view.

Http://www.csszengarden.com/?cssfile=002/002.css

NO. 003 Works named "Stormweather" (Blizzard), click on the following URL to view.

Http://www.csszengarden.com/?cssfile=003/003.css

NO. 004 Works named "Arch 4.20" (Arch), click on the following URL to view.

Http://www.csszengarden.com/?cssfile=004/004.css

NO. 005 Works named "Blood Lust" (Scarlet Desire), click on the following URL to view.

Http://www.csszengarden.com/?cssfile=005/005.css

From number No. 006, they are the work of designers from all over the world. At present, more than 1000 works are included in the csszengarden.com. They are fully embodies the designer's rich creative, to the countless people who learn css to bring inspiration.

Note: Of the more than 1000 works currently included in Zen Garden, 202 have been saved as "official works" on the Zen garden site. The rest of the works are linked to the Zen Garden's web catalogue. Each "official work" is numbered and the other works are not numbered.

Note: In 2005, Dave partnered with an American designer, Molly, to introduce, analyze, and comment on several of the works in the CSS Zen Garden website, and published a book (The Zen of CSS design) that introduced the concept and guiding ideology of CSS. The book has been translated into more than 10 countries in the text, 2007 the Chinese version of the book also published, there will be interested readers can refer to the Chinese version of the title of "CSS Zen garden."

Second, why Choose CSS Zen Garden

When we make CSS tutorials in web Learning Network, we think that if we can select typical works from the works of the CSS Zen Garden, we can analyze and introduce their design ideas and production methods to the readers, so that the readers will be able to learn the design methods of these specific cases. It is more important to be familiar with and master the design ideas, to find and get inspiration from the other hundreds of works.

In this tutorial, a total of 4 chapters are arranged in relation to the Zen garden, the last 3 chapters of this chapter and the full tutorial respectively.

This chapter will introduce some of the features of the works, for you to understand the CSS Zen Garden design method, so that people through these works to better understanding of the great potential of CSS. The designers of these works come from nearly 10 countries in Europe and the United States, in each work is accompanied by the creator's personal website information, if the reader is interested, can further understand their work and life.

The final chapter of this tutorial will take a look at some of the typical works and make an in-depth analysis, and after completing this book, most of the readers of the Zen Garden should be able to make their own. I hope readers will be able to design their own "Zen garden" After studying the book, and even be included as the "official works" of Zen Garden (currently, only a few of the few works of the juicer in Asia, such as Singapore and Japan, are included).

Click to download the 1th to 7th CSS Tutorial resource to return to the tutorial list of CSS Tutorial layout

Editor: Web Learning Network
This address: http://www.lodidance.com/css/jc/661.html
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.