Cascading Style Sheets (CSS) is a Web standard which complements HTML by providing a way to specify more precise formatting information in HTML documents. Namo WebEditor fully supports Cascading Style Sheets. CSS formatting attributes can be applied to paragraphs using the Paragraph Style... command in the Format menu. The Style Sheet... command lets you define named styles and create a link to an external style sheet. Once you define a named style, you can easily apply it to any paragraph or text selection using the CSS Style menu in the Formatting Toolber.

Adding a new style to a document

You can add, edit, or remove CSS styles for use in the current document in Style Sheets dialog box [Format > Style Sheet...].

img27.gif

Click Add... button to open Add Style dialog box to add a new style.
Tag: If you want to define the style for an HTML tag, select the HTML tag in this menu and do not enter a name in the Name text box. If you are creating a new style, leave this setting at the default (none).
Style type: Select the type of style you want to add, then enter a name for the style in the Name text box. Leave this alone if you are defining the style for an HTML tag.

The default selections((none) for Tag and Class for Style type) are usually appropriate.

Click OK if you finish changing the setting.

img28.gif

[Note] In order to copy existing style properties, select the style name to copy from the list on the bottom.

Set CSS style attributes, then press OK.

img29.gif

Newly created style will be listed under Internal styles in the Style Sheet dialog box. When you select the style, the style's CSS definition is shown in Style definition field.

img30.gif

The new style is added to the style list. If you select the style added to the list, it will be applied to the paragraph where the cursor is.

 

 

Example - Adding Style with 10pt font size and 150% line spacing

First of all, open Style Sheet dialog box, and press Add... button. In the Add Style dialog box, Select Class for Style Type and enter style name in the Name text box. In our example, we named it namo1. Press OK to finish.

Style dialog box will appear. Enter 10 and choose point for the unit in the Size text box of Font tab, and enter 150% for Line spacing in the Text tab.

img32.gif

img34.gif

The new style name, namo1 will be listed in the Internal styles box. Select namo1 and check Style definition at the bottom of the dialog box for the correct settings. Click OK to finish.  

Enter a paragraph in Edit window and select it. Choose namo1 style from the style list drop down menu in the Formatting toolbar. 10pt font size and 150% line spacing will be applied to the paragraph.

 

Namo Interactive Inc.

This document is created using Namo WebEditor 4 on August 2, 2000.

 

© 2001 Namo Interactive Inc. All rights reserved.