Operation Manual

135

USING DREAMWEAVER

Creating pages with CSS

Last updated 3/28/2012

• In the Document window, right-click (Windows) or Control-click (Macintosh) the selected text, and in the context

menu, select CSS Styles and then select the style you want to apply.

• Select Format > CSS Styles, and in the submenu select the style you want to apply.

Remove a class style from a selection

1 Select the object or text you want to remove the style from.

2 In the HTML Property inspector (Window > Properties), select None from the Class pop-up menu.

Rename a class style

1 In the CSS styles panel, right-click the CSS class style you want to rename and select Rename Class.

You can also rename a class by selecting Rename Class from the CSS Styles panel options menu.

2 In the Rename Class dialog box, make sure that the class you want to rename is selected in the Rename Class pop-up

menu.

3 In the New Name text box, enter the new name for the new class and click OK.

If the class you’re renaming is internal to the head of the current document, Dreamweaver changes the class name as

well as all instances of the class name in the current document. If the class you’re renaming is in an external CSS file,

Dreamweaver opens and changes the class name in the file. Dreamweaver also launches a site-wide Find and Replace

dialog box so that you can search for all instances of the old class name in your site.

Move/export CSS rules

The CSS management features in Dreamweaver make it easy for you to move or export CSS rules to different locations.

You can move rules from document to document, from the head of a document to an external style sheet, between

external CSS files, and more.

Note: If the rule you’re trying to move conflicts with a rule in the destination style sheet, Dreamweaver displays the Rule

With Same Name Exists dialog box. If you elect to move the conflicting rule, Dreamweaver places the moved rule

immediately adjacent to the conflicting rule in the destination style sheet.