here is a basic html document
<html>
<head>
<title> my first cool stylesheet page</title>
</head>
<body>
<h1>If I ruled the world</h1>
<p>First, everyone would use styles</p>
<p>Second, everyone would give me money</p>
<p>Third, <a link="a href=www.w3c.org/styles">links</a> wouldn't have underlines</p>
</body>
</html>
It looks like this
but I can zip it up with a style sheet...
first of all, your style declarations go in the head
<html>
<head>
<title> my first cool stylesheet page</title>
<style type="css/txt">
body {background-color: #CCFFCC}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #339966}
p {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #996633}
a:link {color: #CC3300; text-decoration: none; font-weight:600}
a:hover{color:#FFFF00}
</style>
</head>
<body>
<h1>If I ruled the world</h1>
<p>First, everyone would use styles</p>
<p>Second, everyone would give me money</p>
<p>Third, <a href=www.w3c.org/styles>links</a> wouldn't have underlines</p>
</body>
</html>
Click here to see it in action!
One more thing.. We need to put our friends the comment tags in to make sure that older browsers like NN3 wouldn't try to display your style tags...