Same Page, Different Stylesheets
This example shows how Cascading Style Sheets (CSS) can control the visual presentation of a webpage. Although the content remains the same, different stylesheets can completely change the layout, colors, and overall user experience.
Click on the stylesheet options below to explore how design choices affect usability and appearance.
Stylesheet 1, Stylesheet 2, Stylesheet 3, Stylesheet 4, Stylesheet 5
No Styles
This page uses DIV elements to group different sections of the HTML page.
Click here to see how the page looks with no stylesheet:
No Stylesheet