IMPORT and LINK make all styles in the remote style sheet available to the current document, LINK offers more features and works in more browsers.
An external style sheet is a text file containing only style specifications. Editing an external style sheet affects all documents linked to it.
The Dreamweaver HTML Help Pages use a linked style sheet called help.css. Open this file (located inside the Help/html folder) in a text editor to see what the code for a style definition looks like. Open any of the topic files (those that begin with a number) to see how the style sheet is linked to the document using a LINK tag, as well as how specific styles are applied.
To create or link to an external style sheet:
| 1 | Choose Window > Styles or click Styles in the Launcher. |
| 2 | In the Styles palette, click Style Sheet. |
| 3 | In the Edit Styles dialog box, click Link. |
| 4 | Do one of the following: |
|
Enter the path to the external style sheet in the File/URL box. |
|
Create a new external style sheet by entering a file name that doesn't exist at the specified location. |
| External style sheets must end in the .css extension. | |
| 5 | Choose Link or Import to specify the tag used to attach the external style sheet and then click OK. |
While both IMPORT and LINK make all styles in the remote style sheet available to the current document, LINK offers more features and works in more browsers. |
|
| The external style sheet appears with the word (link) after the name on the list of styles in the Edit Styles dialog box. Follow the remaining steps only if you want to create or edit styles in the external style sheet. | |
| 6 | Double-click the style sheet name. |
| A second Edit Styles dialog box appears. | |
| 7 | Click New to define styles in the external style sheet. |
| 8 | Click Save when you have finished defining styles. |
|