Operation Manual

215
USING DREAMWEAVER
Adding content to pages
Last updated 3/28/2012
More Help topics
“Open the CSS Styles panel” on page 124
“Understanding Cascading Style Sheets” on page 116
Edit CSS rules in the Property inspector
1 Open the Property inspector (Window > Properties), if it isn’t already open and click the CSS button.
2 Do one of the following:
• Place the insertion point inside a block of text that’s been formatted by a rule you want to edit. The rule appears in
the Targeted Rule pop-up menu.
• Select a rule from the Targeted Rule pop-up menu.
3 Make changes to the rule by using the various options in the CSS Property inspector.
Targeted Rule Is the rule you are editing in the CSS Property inspector. When you have an existing style applied to
text, the rule affecting the text’s format appears when you click inside the text on the page. You can also use the
Targeted Rule pop-up menu to create new CSS rules, new in-line styles, or apply existing classes to selected text. If
you’re creating a new rule, you’ll need to complete the New CSS Rule dialog box. For more information, see the links
at the end of this topic.
Edit Rule Opens the CSS Rule Definition dialog box for the targeted rule. If you select New CSS Rule from the Targeted
Rule pop-up menu and click the Edit Rule button, Dreamweaver opens the New CSS Rule definition dialog box
instead.
CSS Panel Opens the CSS Styles panel and displays properties for the targeted rule in Current view.
Font Changes the font of the targeted rule.
Size Sets the font size for the targeted rule.
Text Color Sets the selected color as the font color in the targeted rule. Select a web-safe color by clicking the color box,
or enter a hexadecimal value (for example, #FF0000) in the adjacent text field.
Bold Adds the bold property to the targeted rule.
Italic Adds the italics property to the targeted rule.
Left, Center, and Right Align Adds the respective alignment properties to the targeted rule.
Note: The Font, Size, Text Color, Bold, Italic, and Alignment properties always display the properties for the rule that applies
to the current selection in the Document window. When you change any of these properties, you affect the targeted rule.
For a video tutorial about working with the CSS Property inspector, see www.adobe.com/go/lrvid4041_dw.
Set HTML formatting in the Property inspector
1 Open the Property inspector (Window > Properties), if it isn’t already open, and click the HTML button.
2 Select the text you want to format.
3 Set the options you want to apply to the selected text:
Format Sets the paragraph style of the selected text. Paragraph applies the default format for a <p> tag, Heading 1 adds
an
H1 tag, and so on.
ID Assigns an ID to your selection. The ID pop-up menu (if applicable) lists all of the document’s unused, declared IDs.