FP2000: How to Create Cascading Style Sheets in FrontPage

• Microsoft FrontPage 2000

SUMMARY

This article describes how to create an external and embedded Cascading Style Sheets (CSS).

MORE INFORMATION

Microsoft Technical Support will not resolve problems produced by editing the HTML that FrontPage generates. This HTML Code sample is provided as a convenience for authors seeking to extend the capabilities of FrontPage. For more information about writing HTML, please see the following Microsoft Web site:

http://www.microsoft.com/workshop/c-frame.htm#/workshop/author/default.asp

WARNING: ANY USE BY YOU OF THE HTML PROVIDED IN THIS ARTICLE IS AT YOUR OWN RISK. Microsoft provides this HTML "as is" without warranty of any kind, either express or implied, including but not limited to the implied warranties of merchantability and/or fitness for a particular purpose.

NOTES:

• To use the full functionality of Cascading Style Sheets, you will need a browser that can support them, such as Microsoft Internet Explorer 4.0, or higher.



• Some browsers will 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

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 opens it for editing in the Page View.
   
   NOTE: If you select a style sheet other than the Normal Style Sheet, FrontPage will open 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 and, in the File Name box, type External.css, and 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 click OK



11. Click OK again.
    



12. Save the page.

Embedded Style Sheets

1. In the page view of 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.

Q196488 FP2000: What are Cascading Style Sheets?

Additional query words: css ie4 fpeditor

Keywords          : kbdta fpedit fphtml fpie4 kbInternet kbInetDev 
Version           : WINDOWS:
Platform          : WINDOWS 
Issue type        : kbhowto 

Last Reviewed: July 1, 1999