TopStyle Tutorial 1

This tutorial will walk you through the creation of a simple style sheet in TopStyle. In the process you will learn to create CSS rules and to use some of TopStyle's features for editing, previewing, and validating style sheets.

For the tutorial, you will use a sample HTML file that is located in the Samples directory located under the Tutorial directory. In that directory you will also find finished versions of both the style sheet and the HTML page with the style sheet applied.

After you have finished the tutorial, consult the other help files for additional information on CSS and TopStyle.

To get started, make sure you have TopStyle running. If you do not, open it now, and let's get started.

If you're new to style sheets, before starting the tutorial we recommend that you first read the CSS Basics for a brief overview of what style sheets are and what they can do for you.