TopStyle Tutorial 12

Linking the Style Sheet to an HTML Page

You now have complete style sheet for the Sample.html page. The next step is to link the style sheet to the page.

Click the toolbutton shown on the left (or choose Tools-->Link Wizard from the Menus) to open the Link Wizard. In the Selected Files area, click the Add button. Browse to find the Sample.html file in the Samples directory under the TopStyle\Help\TopStyle Help\Tutorial\ directory. Make sure the Action is "Insert Style <link>" and click OK.

The style sheet has now been applied to the HTML file, and if you open the TopStyle\help\Tutorial\Samples\Sample.html file in an external browser, you should see the effects of the style properties as you did in TopStyle's internal previewer.

Any changes you make to the style sheet will now be automatically reflected in the Sample.html page.

CSS is only supported by: IE 3.0+, Netscape 4.0+, and Opera 3.5+ -- you will see some differences in the rendering by different browsers because of differing support for CSS properties.