Link to a CSS Style Sheet


Tutorial Home >Software >Graphics >Macromedia Dreamweaver 3.0 >How do I link to a CSS style sheet in Macromedia Dreamweaver?
Tutorial Home >Software >Internet >Macromedia Dreamweaver 3.0 >How do I link to a CSS style sheet in Macromedia Dreamweaver?
Tutorial Home >Software >Graphics >Macromedia Dreamweaver 3.0 >Using Style Sheets >Link to a CSS Style Sheet
Tutorial Home >Software >Internet >Macromedia Dreamweaver 3.0 >Using Style Sheets >Link to a CSS Style Sheet

  Step 1:  Insert the Link

Open a Report
You can save the Cascading Style Sheet as a part of the document, or you can make it an external document with a .css extension, and then link to that document. Linking allows you to use the same style sheet with as many different documents as you wish. To start your link, click the Insert Link button on the Objects palette or select the Insert, Head, Link menu option.
  Step 2:  Select the CSS File

Open a Report
When inserting a link to your style sheet, the first thing you need to do is select the file. From the Insert Link dialog that appears, click the Browse button. The Select File dialog will show you all of the files in the current directory. Find the .css file you wish to use on your local drive, select it, and then click the Select button. This will open the Link dialog from which you need to specify the use for this file.
  Step 3:  The Insert Link dialog

Open a Report
In the Link dialog, there's a variety of options that you must fill in that control how this style sheet document is treated. In the ID field, type a name for this style sheet. You can use multiple style sheets with each document if you wish. You then need to provide the Rel (relationship) of this linked document to your current document. The relationship must be Stylesheet. In the Rev (reverse) field, you need to specify the Rel of the current document to your linked document. This setting is Contents.
  Step 4:  The Link Code

Open a Report
When you complete a link to another document, that Link code is added to your HTML document. This code identifies all the options you had specified in the original Insert Link dialog, and adds an additional option, type, that identifies the type of file you are linked to, in this case "text/css".