Web Design Programming Half-Life Counter-Strike Rainbow 6 E-Mail TunkeyMicket

CSS Tutorial [page 3]


   ID's are very similar to Classes however you declare them in a different manner. Instead of beginning them with a period, you use a numerical symbol, "#". They are defined like so:

<HTML>
<HEAD>
<TITLE>CSS ID Tutorial</TITLE>
<STYLE>
     #redfont { color: red; }
</STYLE>
</HEAD>
<BODY>
<FONT>This is NOT red!</FONT>
<FONT ID="redfont">This is red!</FONT>
</BODY>
</HTML>

   ID's can be applied to specific tags just like Classes. They are declared as follows:

<HTML>
<HEAD>
<TITLE>CSS Class Tutorial</TITLE>
<STYLE>
     I#redfont { color: red; }
</STYLE>
</HEAD>
<BODY>
<TT ID="redfont">This is not red!</TT>
<I>This is NOT red!</I>
<I ID="redfont">This is red!</I>
</BODY>
</HTML>

   Next that you know how to declare Classes and ID's, I will show you the syntax for defining multiple properties in each declaration.

3 4