The Create Style Dialog is helpful for creating new style definitons. If you would like to create style definitions that you can easily add to your document, these instructions show you how.
In the View menu, select Resource Manager.
In the Resource Manager submenu, select Cascading Style Sheets.
Do one of the following:
Click .
Right-click in the Cascading Style Sheet resource panel and select Create Style Sheet.
Enter a name for your new style sheet in the Create New CSS File dialog. Notice that the Cascading Style Sheet resource panel now lists the name of your new style sheet under HotDog6 Default Style Sheets. For example, if you named your style sheet my_own_styles then my_own_styles.css should appear.
You can now use this style sheet to define your own style definitions.
Select the style sheet to which you wish to add a style definition.
Do one of the following:
Click .
Right-click with your mouse and select Create Style.
In the Create New Style dialog, use the drop-down list to select the type of tag for which you want to create a style. The options are:
Character Style
Selecting this option allows you to create a style for HTML tags that affect text within a paragraph, called inline style. Inline or Character Style HTML tags include such tags as <B>, <I>, and <A>.
Paragraph Style
Selecting this option allows you to create a style for HTML tags that affect the appearance of an entire paragraph. Paragraph Style HTML tags can't be used "inline" because they automatically force the text to which they apply to become a paragraph. That is, they add a carriage return before and after the text. Paragraph Style HTML Tags include tags such as <H1> and <DIV> and the attributes for the <P> tag.
Document Style
Selecting this option allows you to create a style for HTML tags that affect the appearance of an entire document. Document Style HTML Tags include the <BODY> tag and the attributes for the <A> tag.
Selector
A selector is a special type of style definition that can be applied to any tag using the CLASS attribute. For example, if you give the style def:
<SPAN CLASS="Selector_Name>text</SPAN>
Define Own Style
Select this option if you wish to define your own particular style.
After selecting a style type, press Next.
From the list that appears select the tag to which you want to define a tag.
Click "Finish".
The Style Editor dialog now opens allowing you to create a style definition for your new style.
These features let you create selector, psuedo selector and or contextual selectors. For more information see:
http://www.w3.org/TR/REC-CSS1.
Select "Define Own Style" from the list box.
Click "Next".
Add your tag name. (It is not nessescary at this stage to include any selector, contextual selector or psuedo selectors at this stage).
Click "Advanced".
Define any classes you want.
Click "Finish".