Cascading Style Sheets Example
Below is the coding for the CSS example page.
To see/check the result go to:
CSS example page.
Sample Code:
<![CDATA[
<STYLE TYPE="text/css">
<!--
body { text-decoration: none;
color: navy;
font-family: "arial";
font-size: 12pt;
font-weight: medium; }
.title { text-decoration: bold;
color: green;
font-family: "ms sans serif";
font-size: 24pt;
font-weight: heavy; }
.bold { text-decoration: bold;
color: black;
font-family: "courier, arial";
font-size: 14pt;
font-weight: heavy; }
a:link { text-decoration: none;
color: red;
font-family: "ms sans serif";
font-size: 12pt;
font-weight: heavy; }
.head { color: #000000;
font-family: "ms sans serif";
font-size: 35px;
margin-top: 35px;
margin-left: 28px; }
.foo { text-decoration: underline;
color: #00FF00;
font-family: "courier";
font-size: 14pt;
font-weight: heavy; }
-->
</STYLE>
<BODY BGCOLOR="#FFFFFC">
<DIV ALIGN=CENTER CLASS="title">Cascading Style Sheet Examples</DIV>
<DIV CLASS="head">Head text</DIV>
<P>
<P>
View source for coding or<BR>
<A HREF="css.htm">go to the CSS example page</A>
<P>
Non-foo text. <SPAN CLASS="foo">Foo Text :-)</SPAN> More non-foo text.
<P>
<B>"Regularly" Bolded Text</B>
<P>
<SPAN CLASS="bold">CSS Bolded Text</SPAN>
]]>
© David Merchant 1997-2001.
<