Linking CSS Style Sheets to Web Pages

If you are using Word to create Web pages that will be used in recent-vintage browsers, you can use Cascading Style Sheets (CSS) to achieve much of the same formatting control that styles and templates provide for print documents in Word.

Word's Templates and Add-Ins dialog box enables you to link a Web page to one or more Cascading Style Sheets, change links to style sheets that already exist, or change the priorities in which multiple style sheets are applied to a single document. To make these changes, follow these steps:

  1. Choose Tools, Templates and Add-Ins.

  2. Click the Linked CSS tab (see Figure 11.7).

    Figure 11.7. The Linked CSS tab allows you to control which style sheets are linked to a Web page, and the priority in which they are applied.

    graphics/11fig07.gif

  3. To add a Cascading Style Sheet, click Add. In the Add CSS Link dialog box, browse to the cascading style sheet you want to attach and click Open.

  4. To remove a Cascading Style Sheet, select it from the Linked Style Sheets scroll box and click Remove.

  5. To change the priority of a Cascading Style Sheet, select it from the Linked Style Sheets scroll box and click Move Up or Move Down.

  6. If you want, enter a title for the style sheet in the Title text box.

  7. By default, your HTML page is Linked to the style sheet: if the style sheet is updated, all linked pages will automatically reflect the changes when they are displayed in a browser. If, however, the style sheet is not available when the Web page is eventually published, you may want to import the style sheet into the Web page itself. To do so, click the Imported button.

  8. When you are finished establishing settings for CSS links, click OK.

  9. Word displays a dialog box informing you that you must save and reload the document to see the formatting changes your new Cascading Style Sheets have applied. To do so, click Yes.



    Part I: Word Basics: Get Productive Fast
    Part II: Building Slicker Documents Faster
    Part III: The Visual Word: Making Documents Look Great
    Part IV: Industrial-Strength Document Production Techniques
    Part VI: The Corporate Word