Adobe Dreamweaver CC 2015 - Manual (Page 197)

190
CSS
Last updated 6/3/2015
When written using shorthand notation, omitted values are automatically assigned their default values. Thus, the
previous shorthand example omits the font-variant, font-style, font-stretch, and font-size-adjust tags.
If you have styles defined in more than one location (for example, both embedded in an HTML page and imported from
an external style sheet) using both the short and long forms of CSS syntax, be aware that omitted properties in a
shorthand rule may override (or cascade) properties that are explicitly set in another rule.
For this reason, Dreamweaver uses the long form of CSS notation by default. This prevents possible problems caused
by a shorthand rule overriding a longhand rule. If you open a web page that was coded with shorthand CSS notation
in Dreamweaver, be aware that Dreamweaver will create any new CSS rules using the longhand form. You can specify
how Dreamweaver creates and edits CSS rules by changing the CSS editing preferences in the CSS Styles category of the
Preferences dialog box (Edit > Preferences in Windows; Dreamweaver > Preferences on the Macintosh).
Note: The CSS Styles panel creates rules using only longhand notation. If you create a page or CSS style sheet using the CSS
Styles panel, be aware that hand coding shorthand CSS rules may result in the shorthand properties overriding those
created in longhand form. For this reason, use longhand CSS notation to create your styles.
More Help topics
Working with div tags
Laying out pages with CSS
Understanding CSS tutorial
Apply, remove, or rename class styles
Working with text
CSS Styles panel
Create a new CSS rule
Formatting text with CSS tutorial
CSS Designer panel
CSS Designer panel (Windows > CSS Designer) is a CSS Property Inspector that lets you 'visually' create CSS styles,
files, and set properties, along with media queries.
Watch video
Use the visual CSS editor in Dreamweaver (8 min)