• Stylesheet 1
• Stylesheet 2
• Stylesheet 3
• Stylesheet 4
• No Stylesheet

Same Page Different Stylesheets

This is a demonstration of how different stylesheets can change the layout of your HTML page. You can change the layout of this page by selecting different stylesheets in the menu, or by selecting one of the following links:
Stylesheet1, Stylesheet2, Stylesheet3, Stylesheet4.

No Styles

This page uses DIV elements to group different sections of the HTML page. Click here to see how the page looks like with no stylesheet:
No Stylesheet.

View Stylesheets

The stylesheets uses CSS syntax to layout the HTML page. Take a look at the stylesheets used in this demonstration:
Stylesheet1, Stylesheet2, Stylesheet3, Stylesheet4.

Side-Bar

This is really awesome because all of this stuff is contained just in one document file. However, it does look complicated to a newbie like me! But I'm not supposed to understand this yet -- it's only to give me an idea of what I can be learning about. So, I shall plunge onwards, because I do like what I see!