<!DOCTYPE html><html xml:lang=en lang=en><head><meta content="text/html; charset=iso-8859-1" http-equiv=content-type><meta content="Dave Shea" name=author><meta content="design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display" name=keywords><meta content="A demonstration of what can be accomplished visually through CSS-based design." name=description><meta content=all name=robots><title>css Zen Garden: The Beauty in CSS Design</title><script><!--
// js comment inside SCRIPT element
var is = {
ie: navigator.appName == 'Microsoft Internet Explorer',
java: navigator.javaEnabled(),
ns: navigator.appName == 'Netscape',
ua: navigator.userAgent.toLowerCase(),
version: parseFloat(navigator.appVersion.substr(21)) ||
parseFloat(navigator.appVersion),
win: navigator.platform == 'Win32'
}
is.mac = is.ua.indexOf('mac') >= 0;
if (is.ua.indexOf('opera') >= 0) {
is.ie = is.ns = false;
is.opera = true;
}
if (is.ua.indexOf('gecko') >= 0) {
is.ie = is.ns = false;
is.gecko = true;
}
// --></script><script>//<![CDATA[
var i = 0;
while (++i < 10)
{
// ...
}
//]]></script><script>/* <![CDATA[ */ i = 1; /* ]]> */</script><script>(i < 1); /* CDATA needed */</script> <!--[if IE 6]>
<style type="text/css">
/*! copyright: you'll need CDATA for this < & */
body {background:white;}
</style>
<![endif]--> <style media=screen title=currentStyle>@import "/001/001.css";
/*\*/ css hack {} /* */
/* normal CSS comment */
/*/*/ css hack {} /* */
css hack {
display/**/:/**/none;
display:none;
}</style><link href=//www.csszengarden.com/favicon.ico rel="Shortcut Icon" type=image/x-icon><link href=//www.csszengarden.com/zengarden.xml rel=alternate title=RSS type=application/rss+xml> <body id=css-zen-garden> <!--[if !IE]>--><p>Browser != IE<!--<![endif]--> <div id=container><div id=pageHeader><h1><span>css Zen Garden</span></h1> <h2><span>The Beauty of <acronym title="Cascading Style Sheets">CSS</acronym> Design</span></h2></div> <pre>
White space is important here!
</pre> <div id=quickSummary><p class=p1><span>A demonstration of what can be accomplished visually through <acronym title="Cascading Style Sheets">CSS</acronym>-based design. Select any style sheet from the list to load it into this page.</span> <p class=p2><span>Download the sample <a href=/zengarden-sample.html title="This page's source HTML code, not to be modified.">html file</a> and <a href=/zengarden-sample.css title="This page's sample CSS, the file you may modify.">css file</a></span></div> <textarea class=maxwidth cols=80 id=comment name=comment rows=6>66666
1234567890<script>var Hello = 'world';</script></textarea></div> <p>Foo <br> bar <em>baz</em> <em>baz</em> bat.
|
Download
