• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 21. Managing Appearance with Cas... > Formatting Individual Page Elements

Formatting Individual Page Elements

The most direct way to apply CSS styles is by individual page element. CSS refers to styles used this way as inline styles. Here’s the procedure for applying inline styles to any element in an open Web page:

1.
Right-click the element you want to modify, and choose the Properties command on the shortcut menu that applies to the element you want: Picture Properties, Cell Properties, and so forth.

2.
Look for a Style button in the resulting Properties dialog box. If the dialog box has multiple tabs, check each tab until you find the Style button.

If there’s no Style button, FrontPage doesn’t support inline styles for the type of element you selected in step 1. Refer to the next section, “Coding Inline Styles.”

3.
Click the Style button to display the Modify Style dialog box, shown in Figure 21-7. The Name (Selector) and Style Type boxes are dimmed because they don’t apply to inline styles.

Figure 21-7. This dialog box applies a class selector, an ID selector, or inline styles to a Web page.


4.
If you want the element you selected in step 1 to inherit the properties of an existing CSS class, enter the class selector in the Class box or select it from the Class drop-down list. The drop-down list includes not only classes you defined in the current Web page, but classes from any linked style sheets as well.

For more information about CSS class selectors, refer to “Formatting Single Web Pages,” later in this chapter.


5.
If you want to assign an ID name to the element you selected in step 1, enter that name in the ID box. Entering this name doesn’t create an ID selector. It only names the current HTML element in a way that an ID selector can reference.

ID names and page elements can only be 1:1. You should never assign the same ID name to two or more elements in the same Web page, and you should never assign two different ID names to the same element.

The names in the ID drop-down list already exist on the page; therefore, don’t select any of them as the name of the current element. You can refer to the drop-down list to identify previously defined ID values, but to name the current element, type a new name in the ID text box.

For more information about creating ID selectors, refer to “Formatting Single Web Pages,” later in this chapter.


6.
The Preview area shows a rough approximation of how text formatted with the current styles will appear. The Description area shows the CSS properties currently in effect.

7.
To assign inline style properties to the element you selected in step 1, click the Format button in the lower left corner of the dialog box, and choose the category that contains the property you want to specify: Font, Paragraph, Border, Numbering, or Position.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint