Cascading Style Sheets

 

Introduction

HotDog supports CSS (Cascading Style Sheets) via the Cascading Style Sheets resource panel, and via the HTML Property Sheet resource panel.

HTML Property Sheet Resource Panel

For those experienced in editing style sheets manually, HotDog offers support for both level 1 and level 2 style sheets via the HTML Property Sheet. Using the Property Sheet, you can browse properties for CSS selectors and enter values for those properties. See the topic entitled "CSS Support" in the HTML Property Sheet section of this help file for more information on how to use this feature.

Cascading Style Sheets Resource Panel

The Cascading Style Sheets Resource Panel lets you create and edit level 1 style sheets.

This resource panel groups your style sheets together and lets easily you import, create, edit and apply styles and style sheets (using a simple graphical interface) as well as organize your styles between different directories. The Apply Style Sheet wizard makes the involved process of linking styles to individual documents, entire websites, entire directories or all open documents a simple matter.

You can also effectively control the look and form of your documents using HotDog Pro's new Font and Paragraph formatting dialogs.

 

Starting the Cascading Style Sheets Resource Panel

  1. From the "View" menu, select the "Resource Manager" submenu.

  2. From the "Resource Manager" submenu, click "Cascading Style Sheet".

To Insert a Style into a Document(s)

  1. Right click on the style or style sheet you want to insert.

  2. Select "Apply Style(s) To Document".

Follow the wizard to insert your styles into your document.

WARNING

Any level 2 style sheet information will be lost if the style sheet is imported into the Cascading Style Sheets Resource Panel. (Only a copy of your style sheet is imported however, so you will still have the original copy of the style sheet.) To edit level 2 style sheets, use the HTML Property Sheet resource panel.

For more details, see the Step-by-Step Style Sheet Tutorial