CSS Selectors
HTML Tags
BODY {background-color: lightgreen }
B {color: red}
H1 B {color: darkblue}
User-defined Classes
<STYLE>
 
div.GreenBold {color: green; font-weight: bold}
</STYLE>

...

<div CLASS="GreenBold">
  <p>Green &amp; Bold</p>
</
div>

User-defined IDs
<STYLE>
  #SmallCaps {text-transform: uppercase; font-size: xx-small}
</STYLE>

...

<p ID="SmallCaps">Upper Case &amp; Smaller!</p>

Anchor Pseudo Classes
A:link
A:visited
A:active

<STYLE>
  A:link IMG {border-color: silver}
  A:active IMG {border-color: red}
  A:visited IMG {border-color: yellow}
  SPAN.
Funny A:link {background-color: orange}
</STYLE>

...

<p>
<
a HREF="http://wnec.edu">
  <
img SRC="14wnec.gif" width="145" height="66">
<
/a>
<
/p>

<span CLASS="Funny">
  <p>Go to <
a href="http://wnec.edu">WNEC</a></p>
</span>

example.gif (1853 bytes)
Copyright © 1999 Jerzy Letkowski