HOW TO: Create Cascading Style Sheets in FrontPage 2000

This article describes how to create external and embedded cascading style sheets (CSS).

Microsoft provides programming examples for illustration only, without warranty either expressed or implied. This includes, but is not limited to, the implied warranties of merchantability or fitness for a particular purpose. This article assumes that you are familiar with the programming language that is being demonstrated and with the tools that are used to create and to debug procedures. Microsoft support engineers can help explain the functionality of a particular procedure, but they will not modify these examples to provide added functionality or construct procedures to meet your specific requirements. NOTES

• To use the full functionality of cascading style sheets, you need a browser that can support them, such as Microsoft Internet Explorer version 4.0 or later.
• Some browsers only support certain aspects of cascading style sheets.
• Your results may differ, depending on the browser you are using.
• Do not use themes for this demonstration, or the examples will not work properly.

External Style Sheets

To create an external style sheet, follow these steps:

1. In FrontPage, create a FrontPage web named "Style" (without the quotation marks).
2. On the View menu, click Page.
3. On the File menu, point to New, and then click Page.
4. Click the Style Sheets tab, click the Normal Style Sheet, and then click OK.
   
   FrontPage will create a new style sheet page with a .css file name extension and open it for editing in the Page View.
   
   NOTE: If you select a style sheet other than the Normal Style Sheet, FrontPage opens a pre-made or custom style sheet (example: the Downtown style sheet).
5. Type the following:

   body
   {
   background-color: white
   }
   h1 
   {
   font-size: 12pt;
   font-family: "Arial";
   color: black
   }
   
   p  
   {
   font-size: 10pt;
   font-family: "Times New Roman";
   color: black
   }
   
   a 
   {
   text-decoration: none;
   font-weight: bold;
   color: black
   }
   						

6. On the File menu, click Save. Select the location you want to save. In the File Name box, type: External.css, and then click OK.
7. Create a new page in FrontPage.
8. On the Format menu, click Style Sheet Links.
9. In the Link Style Sheet dialog box, click Add.
10. Click to select the External.css file from the list, and then click OK.
11. Click OK again.
12. Save the page.

Embedded Style Sheets

To create an embedded style sheet, follow these steps:

1. In Page view in FrontPage, create a new page.
2. On the Format menu, click Style.
3. In the list, click to select All HTML tags.
4. From the Styles list, select the p and click Modify.
5. In the Modify Style dialog box, click Format, and then click Font.
6. Format the font and click OK. For example, click Italic under Font Style and click OK.
7. Click OK again.
8. From the list, select H2.

For a Microsoft FrontPage 98 version of this article, see 180827.

For additional information about cascading style sheets, click the article number below to view the article in the Microsoft Knowledge Base: