Well, that was nifty, but what if I want one of those paragraphs to be different?
I need to create a custom style!
<html>
<head>
<title> my first cool stylesheet page</title>
<style type="css/txt">
<!--hide me from old browsers
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 { color: #CC3300; text-decoration: none}
.this { font-weight: bolder; color: #FF3300; background-color: #FFFF00}
-->
</style>
</head>
<body>
<h1>If I ruled the world</h1>
<p>First, everyone would use styles</p>
<p class="this">Second, everyone would give me money</p>
<p>Third, <a link="#">links</a> wouldn't have underlines</p>
</body>
</html>
Click here to see it in action!
More...