Creating class styles


    You can apply class styles to any number of selections in a page and most any type of content including a block of text, a single table cell, an image, and a layer. Typical uses of classes include distinctive formatting for headings, quotes, warning notes, or other special information-carrying items that need to stand out from the rest of the text. You can also use classes to create typographical effects, such as varying font sizes or font colors within a word.

To create a class style:

  1. In the CSS Editor, do one of the following:
    • Click the New Class Style button New Class Style button .
    • Select an existing class style, and choose Edit > Duplicate.
  2. Select the new style in the CSS Editor, and click the Selector and Properties tab Selector and Properties tab . Type an alphanumeric name, preceded by a period in the Selector text box and with no spaces--for example, .myboldclass.
  3. Important: The leading period must precede the class style's name; otherwise, the style changes to an element style and can't be used.

  4. In the CSS Editor, add style properties. (See Defining style properties.)
  5. To apply the class style, see Applying styles.