CoffeeCup - HTML Editor, Flash & Web Design Software

This is the elementary function of style sheet maker- defining how your styles will be displayed. After you have Defined your Style, you will now have to define the properties of that style. Make sure you define the properties of your style within the brackets for that style, like this:

.Bob { font-family: Arial; font-size: 14px; color: #FF0000; }

You may find it easier to read if you put each style on a new line, like this:

.Bob
    {
    font-family: Arial;
    font-size: 14px;
    color: #FF0000;
    }

To make things easier, we have a set of wizards for defining styles. Just put your cursor within the brackets, and then click on the appropriate button:

Font Properties

Color and Background Properties

Alignment

Margins

Padding

Border

After using the wizard, the appropriate code will be inserted at your cursor. You can define any number of properties for any style. Just make sure all the properties appear within the brackets.