Create a Class

From time to time, you may find that your particular web site could use a special "class" defined in the style sheet.  Classes are defined as follows:

.nameofclass {
attribute: definition;
attribute: definition;
attribute: definition;
}

The name of the class is always a single word, lower case, preceded by a period.  There is a single space and a beginning curly bracket.  Your attributes come next with each line separated by a semicolon.  You must end each class statement with an ending curly bracket.  Note:  The main cause for a style sheet item not working is typing errors so check carefully before you panic.  Chances are you typed a parenthesis rather than a curly bracket, or a color rather than a semicolon.

Once you have your new class created, you now will need to apply it to the appropriate area.  If you are familiar with HTML coding, you can add the class to the name of the item.  In this example, we will apply this class to a table cell as follows:

<td class=nameofclass>  Note that there is no period before the name of the class!

Or if you are using FrontPage, you can apply the class easily by highlighting the area and clicking on the style box in the top left of your screen.

Click on the small arrow to access the drop down list.  Scroll down the list until you find the classes associated with your style sheet at the bottom of the list.  Click on the item name and your new class will be applied to your highlighted item.

It's that simple.