This browser does not support basic Web standards, preventing the display of our site's intended design. May we suggest that you upgrade your browser?

Microsoft FrontPage 2003

Creating Embedded Style Sheets

Embedded styles sheets are actually a part of the HTML file and apply only to that file. The primary advantage of embedded style sheets is that you can see the styles applied as you are creating and adjusting them. An embedded style sheet can be converted to an external style sheet. External style sheets can be attached to other files.

return to topAccessing the Style Dialog Box

Styles are defined using the Style dialog box, which can be accessed through the Style toolbar or the Format menu.

To access the Style toolbar:

  1. From the View menu, select Toolbars » Style
    The Style toolbar appears.
    Style toolbar

Accessing the Style Dialog Box

  1. From the Format menu, select Style...
    OR
    On the Style toolbar, click STYLE...Style button
    The Style dialog box appears.
    Style dialog box

return to topRedefining an Existing Style

You can redefine existing FrontPage styles, or you can create new styles. Redefining HTML code (e.g., the H1 for Heading 1) will impact all occurrences of that style (e.g., all H1s). The adjustments are then automatically applied with the HTML code.

  1. With your web page open, access the Style dialog box

  2. From the List pull-down list, select HTML tags

  3. From the Styles scroll list, select the style you want to modify (e.g., H1)

  4. Click MODIFY...
    The Modify Style dialog box appears.

  5. Click FORMAT » select the desired option
    A dialog box corresponding to your selection appears.

  6. Within the dialog box, make the desired changes

  7. Click OK

  8. Repeat steps 5-7 as necessary

  9. Click OK

  10. Click OK
    The style is modified.

return to topCreating a New Style

You can redefine existing styles, or you can create new styles. Creation of a new style results in a class style that modifies and applies to the base HTML code. Class styles are indicated by the period in front of the style name (e.g., .blue) For example, create a class style that changes the color to blue. The class style can then be applied to select H1 and H3 paragraphs in your document resulting in different appearances for the H1 and H3 headers.

  1. With your web page open, access the Style dialog box

  2. Click NEW...
    The New Style dialog box appears.

  3. In the Name (selector) text box, type a name for your new style

  4. Click FORMAT » select the appropriate option
    A dialog box corresponding to your selection appears.

  5. Within the dialog box, make the desired changes

  6. Click OK

  7. Repeat steps 4-6 as necessary

  8. Click OK

  9. Click OK
    The style is created.

return to topSaving Your Embedded Style Sheets

When you save your HTML file, the embedded style sheet is automatically saved.

Excellence. Our Measure. Our Motto. Our Goal.