Add Style dialog box
Home > Style > Define Styles – Add button
Element
To define a style that can is automatically applied to a certain HTML tag, or can only be applied to a certain HTML tag (in conjunction with a class name), select the HTML tag in this menu.
Style type
Select the type of style you want to add, then enter a name for the style in the Name text box. Do not enter a name if you are defining the style for an HTML tag.
Class
Choose this option when defining a universal class style or an element-specific class style.
ID
Choose this option when defining an ID style.
Other
Choose this options when defining a style for a hyperlink state. In current browsers, hyperlinks can have four distinct states: link, visited, active, and hover. “Active” links are usually represented with a dotted border around the link; an active link will be followed if the visitor presses the Enter key. “Hover” is the state of a link when the mouse pointer is directly over it in a browser. Each link state can have a different appearance or style. To define the style for a link state, select Other as the style type and select the link state (“link” is for unvisited links) from the Name menu.
A style name must begin with a letter, and may only contain letters, numbers, and underscores (_). Do not use spaces, punctuation, or special characters in the name.
Copy style
When defining a new style that is similar to an existing one, you can save time by copying the attributes of the existing style. Later, you will need to change only the attributes in the new style that you want to be different from the original style. To copy the attributes of an existing style, choose the existing style from the Copy attributes from drop-down menu.