Manualshelf

Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5.5
141142143144145146147148149150
134
USING DREAMWEAVER
Creating pages with CSS
Last updated 3/28/2012
More Help topics
“Set text properties in the Property inspector” on page 214
Add a property to a CSS rule
You can use the CSS Styles panel to add properties to rules.
1 In the CSS Styles panel (Window > CSS), select a rule in the All Rules pane (All mode), or select a property in the
Summary for Selection pane (Current mode).
2 Do one of the following:
• If Show Only Set Properties view is selected in the Properties pane, click the Add Properties link and add a property.
• If Category view or List view is selected in the Properties pane, fill in a value for the property you want to add.
Apply, remove, or rename CSS class styles
Class styles are the only type of CSS style that can be applied to any text in a document, regardless of which tags control
the text. All class styles associated with the current document are displayed in the CSS Styles panel (with a period [.]
preceding their name) and in the Style pop-up menu of the text Property inspector.
You’ll see most styles updated immediately, however, you should preview your page in a browser to verify a style was
applied as expected. When you apply two or more styles to the same text, the styles may conflict and produce
unexpected results.
When previewing styles defined in an external CSS style sheet, be sure to save the style sheet to ensure that your
changes are reflected when you preview the page in a browser.
More Help topics
“About Cascading Style Sheets” on page 116
“About cascading styles” on page 118
“The CSS Styles panel” on page 120
Apply a CSS class style
1 In the document, select the text to which you want to apply a CSS style.
Place the insertion point in a paragraph to apply the style to the entire paragraph.
If you select a range of text within a single paragraph, the CSS style affects only the selected range.
To specify the exact tag to which the CSS style should be applied, select the tag in the tag selector located at the lower
left of the Document window.
2 To apply a class style, do one of the following:
• In the CSS Styles panel (Window > CSS Styles), select All mode, right-click the name of the style you want to apply,
and select Apply from the context menu.
• In the HTML Property inspector, select the class style you want to apply from the Class pop-up menu.