For this example, you'll want to remember the difference between a CSS .class (which can occur several times on a page) and a #ID (which can occur only once on a page and is used for scripts in which the object needs to be treated as a unique element).
<STYLE TYPE="text/css">
<!--
#header2 { font-family: Symbol; font-style:normal; color:pink; }
-->
</STYLE>
<h1 onmouseover="header2.style.fontFamily = 'Lucida';"
onmouseout="header2.style. fontFamily = 'Verdana';">
This is heading 1</h1></P>
<H2 ID=header2>This is heading 2</H2>
When the document loads, header2 is rendered in Symbol font. But when the mouse rolls over heading 1, heading 2 switches to the Lucida typeface.
css page break printing browser