Creating a New CSS Project

1. Click the "New Project ..." button.

2. Type in your new project name.

3. The new project is now listed as a current active project at the Project pull down menu.

Creating a New Style

1. Choose a project via the Project pull down menu to activate a CSS project.

2. Click the "+" button.

3. A selection of styles will be displayed. Select the style that you would like to create.

4. Enter the style name.

5. On the left pane, you will see the new style name that you have just created. Select on the style name to activate it.

6. You can start adding CSS properties to the active style name by selecting properties on the right pane and entering their values or choosing the values via the pop-up menus.

7. Your selections will automatically be saved in your current project.

Deleting A Style Entry

1. Choose a project via the Project pull down menu to activate a CSS project.

2. On the left pane, select the style entry that you would like to delete.

3. Click the "-" button to delete the style.

Exporting to a CSS File

1. Choose a project that you would like to use to create your CSS file at the Project pull down menu.

2. Click the "Export CSS" button.

3. Type the name of the CSS file and select the folder where you would like to save it.

4. Click the "OK" button.

5. Your CSS file has been created.

Simple CSS allows you to import current CSS files so that you can save the CSS settings for modification. To prevent user from accidentally overwriting their current project, you will need to create a new empty project first before you can use the Import function

Importing a CSS File

1. Create a new, empty CSS project.

2. Click the "Import CSS" button.

3. Select the CSS file that you would like to import

4. Click the "OK" button

5. The CSS file is now imported to the new CSS Project. The left pane now contains all of your CSS selectors and the right pane now contains the corresponding CSS properties and values.

Simple CSS also allows you to duplicate, rename and delete a CSS project.

Duplicating a CSS Project

1. Choose a project that you would like to duplicate at the Project pull down menu.

2. Click the "Duplicate" button.

3. Enter the new project name.

4. The new project is now listed as a current active project at the Project pull down menu.

Renaming a CSS Project

1. Choose a project that you would like to rename at the Project pull down menu.

2. Click the "Rename" button.

3. Enter the new project name.

4. The new project is now listed as a current active project at the Project pull down menu.

Deleting a CSS Project

1. Choose a project that you would like to delete at the Project pull down menu.

2. Click the "Delete" button.

3. A confirmation dialog appears. Click on "Yes - Delete It" to delete the project.