Editing cascading style sheets manually

If you prefer to manually edit the source code of your cascading style sheets, you can do so in the Source tab of the internal or external CSS Editor.

To set word wrapping on or off in the Source tab of the CSS Editor, choose View > Word Wrap from the context menu. To set word wrapping on or off in all GoLive source views including the CSS Editor, choose Edit > Preferences, select Source in the left pane, and select or deselect the Word wrap option.

Use the following basic guidelines when editing your style sheets in the Source tab of the CSS Editor.

Begin each style on a new line. Use the following basic CSS syntax rules:

Class styles

The syntax consists of a period followed by a unique class name, and a property: value rule enclosed by braces:

.classname { property: value }

HTML element styles

The syntax consists of an HTML tag, without the angle brackets < >, followed by a property: value rule enclosed by braces:

tag { property: value }

ID styles

The syntax consists of a pound symbol (#) followed by a unique alphanumerical name, and a property: value rule enclosed by braces:

#idname {property: value}

If a style has more than one property: value pair, separate each pair with a semicolon. For example:

.classname { property: value; property: value}

For more information on editing cascading style sheets, see Creating styles in a style sheet and Defining style properties.