Remember to close id's in order.

Now, onto css classes.

Creating Classes

To create a class in your css, use this

.subtitle { color: #000000; }

To insert class into your html, do this

Now, you can use same class repeatedly in same page unlike Id's.

I also want to tell you something about link attributes. You should always keep them in this order:

a { color: #006699; text-decoration: none; font-size: 100%; }

a:link { color: #006699; text-decoration: none; }

a:visited { color: #006699; text-decoration: none; }

a:hover { color: #0000FF; text-decoration: underline; }

a:active { color: #FF0000 }

Of course, you can change colors and text-decorations. This is just something I cut out of my code!

Okay, these are basics. What I highly recommend is to go and download Topstyle Lite by going here:

http://www.bradsoft.com opstyle slite/index.asp

It's free and is a very helpful css editor. It not only color codes and organizes your code, but it provides you with tons of attributes that you can add to your class and id elements with just a click. They also provide a screen at bottom to view your css code as you create it. Very useful for a free edition and I'm looking to buy pro version soon.

Now, this was just a very very brief explanation of vital elements needed when structuring your css. I have a good feeling that when you download top style lite, you will learn how to use hundreds of attributes in your classes and id's

Good Luck in Your Web Designing Efforts!

{/div} {/div}

Remember to close id's in order.

Now, onto css classes.

Creating Classes

To create a class in your css, use this

.subtitle { color: #000000; }

To insert class into your html, do this

{p class="subtitle"} {/p}

Now, you can use same class repeatedly in same page unlike Id's.

I also want to tell you something about link attributes. You should always keep them in this order:

a { color: #006699; text-decoration: none; font-size: 100%; }

a:link { color: #006699; text-decoration: none; }

a:visited { color: #006699; text-decoration: none; }

a:hover { color: #0000FF; text-decoration: underline; }

a:active { color: #FF0000 }

Of course, you can change colors and text-decorations. This is just something I cut out of my code!

Okay, these are basics. What I highly recommend is to go and download Topstyle Lite by going here:

http://www.bradsoft.com opstyle slite/index.asp

It's free and is a very helpful css editor. It not only color codes and organizes your code, but it provides you with tons of attributes that you can add to your class and id elements with just a click. They also provide a screen at bottom to view your css code as you create it. Very useful for a free edition and I'm looking to buy pro version soon.

Now, this was just a very very brief explanation of vital elements needed when structuring your css. I have a good feeling that when you download top style lite, you will learn how to use hundreds of attributes in your classes and id's

Good Luck in Your Web Designing Efforts!

P.S Change { and } to < and >