CSS Zen Garden

This website demonstrates the difference between Presentational Markup and Semantic Markup. Here, the "content" is semantically marked up in an HTML file that is consistent for all possible style sheets, but each style sheet specifies a dramatically different way of presenting this information. Try a variety of different style sheets and begin to think about how you would like your example website to look, once you have developed the skills to manipulate its appearance. As you develop your example website, you may want to return to this web resource to harvest ideas for your own design.

Click http://csszengarden.com/ link to open resource.