Figure 1: The Code for the Style Sheet Example

<HEAD>

<TITLE>An Example of Style Sheet in Action</TITLE>

</HEAD>

<!--

H1 { color: navy; font-size: 32pt; font-family: helvetica; font-weight: bold; }

H2, H3, H4 { color: gray; font-family: "san serif"; }

H4 { font-family: helvetica; font-size: 22pt; font-weight: 800; border-color: red; border-left-width: 0.25cm; border-right-width: 0.25cm; border-top-width: 0.2cm; border-bottom-width: 0.2cm; border-style: ridge; }

P { marginLeft: 20; marginRight: 30; color: red; }

BLOCKQUOTE { line-height: 1.2; color: #253C76; font-size: 20pt; border-color: green; border-width: 0.3cm; border-style: inset; padding: 1.0cm; background-color: gray; }

OL { color: #253C76; list-style-type: lower-roman; }

--> </STYLE>

<H1>Heading ONE</H1>

This line of text is not enclosed by a paragraph tag. <BR>

<P>This is a block of text enclosed by a paragraph tag. If style sheet is enabled on the browser this paragraph would appear indented. Without a style sheet this effect would require the creation and manipulation of tables. </P>

<H2>Heading TWO</H2>

<BLOCKQUOTE>"This sentence is enclosed by a <B>blockquote</B> tag."</BLOCKQUOTE>

<H3> Heading THREE</H3>

<H4>Heading FOUR</H4>

An ordered list:<BR>

<OL>

<LI>First item;

<LI>Second item;

<LI>Third item. </OL>

<P> example</P>

</BODY>

</HTML>