<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function newRules() {
document.styleSheets.MyStyles
.addRule("P","color:blue");
document.styleSheets.MyStyles
.addRule("P","font-size=24pt");
document.styleSheets.MyStyles
.addRule("LI","color:blue");}
</SCRIPT>
<STYLE ID="MyStyles">
H1 {color:red}
H2 {color:red;font-style:italic}
</STYLE>
</HEAD>
<BODY onclick="newRules()">
<H1>Welcome!</H1>
<P>This document uses style sheets.</P>
<H2>Ways to Include Style Sheets</H2><UL>
<LI>STYLE=
<LI>STYLE
<LI>LINK
<LI>@import
</UL>
</BODY>
</HTML>