Simple CSS —
A Free CSS Authoring Tool

Simple CSS Overview | Download Page | Online Documentation

Creating a Simple CSS Project

1. Click the New Project button.

2. Type in your new project name.

3. The new project is now listed as the current active project in the Project menu.

Creating a CSS Style

1. Choose a project from the Project menu.

2. Click the + (plus sign) button.

3. In the list on the left, select the style you’d like to create.

4. Enter the style name.

5. Select the new style in the list on the left.

6. Add and modify the desired CSS properties in the right pane.

7. Your selections are instantly saved to your current project.

Deleting a CSS Style

1. Choose a project from the Project menu.

2. Select the style you’d like to delete from the list on the left.

3. Click the - (minus sign) button to delete the style.

Importing a CSS File into a Project

1. Create a new, empty CSS project.

2. Click Import CSS.

3. Select the CSS file you’d like to import.

4. Click OK.

5. Your CSS file is imported into the new CSS project.

Exporting a Project to a CSS File

1. Choose a project from the Project menu.

2. Click Export CSS.

3. Enter the name of the CSS file and select the folder where you’d like to save it.

4. Click OK.

5. Your CSS file is created and ready for use.

Simple CSS Overview | Download Page | Online Documentation