Adobe 38040334 - Dreamweaver CS3 User Manual page 135

A B C
A. Category View B. List View C. Set Properties View
Divides the Dreamweaver-supported CSS properties into eight categories: font, background, block,
Category View
border, box, list, positioning, and extensions. Each category's properties are contained in a list that you expand or
collapse by clicking the Plus (+) button next to the category name. Set properties appear (in blue) at the top of the list.
Displays all of the Dreamweaver-supported CSS properties in alphabetical order. Set properties appear (in
List View
blue) at the top of the list.
Displays only those properties that have been set. Set Properties view is the default view.
Set Properties View
In both All and Current modes, the CSS Styles panel also contains the following buttons:
A B C D
A. Attach Style Sheet B. New CSS Rule C. Edit Style D. Delete CSS rule
Opens the Link External Style Sheet dialog box. Select an external style sheet to link to or import
Attach Style Sheet
into your current document.
Opens a dialog box in which you can select the type of style you're creating—for example, to create a
New CSS Rule
class style, redefine an HTML tag, or to define a CSS selector.
Opens a dialog box in which you can edit the styles in the current document or in an external style sheet.
Edit Style
Removes the selected rule or property from the CSS Styles panel, and removes the formatting from
Delete CSS Rule
any element to which it was applied. (It does not, however, remove class or ID properties referenced by that style).
The Delete CSS Rule button can also detach (or "unlink") an attached CSS style sheet.
Right-click (Windows) or Control-click (Macintosh) the CSS Styles panel to open a context menu of options for
working with CSS style sheet commands.
Open the CSS Styles panel
You use the CSS Styles panel to view, create, edit, and remove CSS styles, as well as to attach external style sheets to
documents.
❖
Do one of the following:
• Select Window > CSS Styles.
•
Press Shift+F11.
• Click the CSS button in the Property inspector.
Set CSS Styles preferences
CSS style preferences control how Dreamweaver writes the code that defines CSS styles. CSS styles can be written in
a shorthand form that some people find easier to work with. Some older versions of browsers, however, do not
correctly interpret the shorthand.
Select Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh) and from the Category list select
1
CSS Styles.
September 4, 2007
DREAMWEAVER CS3 128
User Guide