Cascading style sheets are used to define styles in your HTML document. In today's Web site, CSS styles are used intensively. AceHTML 6 Pro gives you all the tools you need to use CSS effectively. You can add CSS styles with the Code Inspector or the integrated CSS Editor.

The Code Inspector is useful when you want to set or modify the attributes of HTML tags. It displays a list of available properties for a particular tag. A list of CSS styles is also displayed under the Styles tab of the Code Inspector.

AceHTML Pro Code Inspector

To add styles to an HTML tag:

1. Place the cursor on the desired tag (body, for example).
2. Click on the Styles tab of the Code Inspector.
3. Choose the desired property from the list.
4. Set the desired value.

AceHTML Pro will automatically add the corresponding style definition to the HTML tag.

The Code Inspector is the quickest and easiest way to apply styles to existing HTML tags in your documents. However, style definitions are often embedded in the header of documents or grouped together in external files. In those cases, you will need the CSS Editor to define styles.

To start the CSS Editor:

1. Select the CSS toolbar by clicking the CSS tab.
2. Click on Edit document or Edit external file, depending on whether you want your style definitions in the current document or in a separate file.
3. Click on Style and select New to bring up the Style Editor.

Style Editor

The Style Editor allows you to assign styles to a selector such as an HTML tag, class, or ID. You can assign as many style definitions as you like.

Style Definition Window

Once all your styles are defined, click on ok and they'll be inserted in your document. You can always re-edit the styles by bringing back the CSS Editor (select the desired style and right click–modify). If you've defined your styles in an external file, you have to specify where to find it in your document's header. Fortunately, you can use AceHTML wizard to add the code for you (Edit links under the CSS tab).

For background information about style sheets, please refer to the CSS section of the W3C (http://www.w3.org/Style/CSS/)

Have any comments? Please give us your feedback.