Adobe Dreamweaver CC 2015 - Manual (Page 242)

235
CSS
Last updated 6/3/2015
2 Click .
3 Use the Edit Transition dialog to change previously entered values for the transition.
Disable CSS shorthand for Transitions
See What is a CSS Shorthand Property? for information on CSS Shorthand, and its benefits.
1 Select Edit > Preferences.
2 Select CSS Styles.
3 In Use Shorthand For, deselect Transition.
Use Dreamweaver sample style sheets
Note: In Dreamweaver CC and later, CSS Styles panel is replaced with CSS Designer. For more information, see CSS
Designer.
Dreamweaver provides sample style sheets that you can apply to your pages or that you can use as starting points to
develop your own styles.
1 Open the CSS Styles panel by doing one of the following:
• Select Window > CSS Styles.
• Press Shift+F11.
2 In the CSS Styles panel, click the Attach External Style Sheet button. (It’s in the lower-right corner of the panel.)
3 In the Attach External Style Sheet dialog box, click Sample Style Sheets.
4 In the Sample Style Sheets dialog box, select a style sheet from the list box.
As you select style sheets within the list box, the Preview pane displays the text and color formatting of the selected
style sheet.
5 Click the Preview button to apply the style sheet and verify that it applies the styles you want to the current page.
If the styles applied are not what you expect them to be, select another style sheet from the list, and click Preview to
see those styles.
6 By default, Dreamweaver saves the style sheet in a folder named CSS just below the root of the site you defined for
your page. If that folder does not exist, Dreamweaver creates it. You can save the file to another location by clicking
Browse and browsing to another folder.
7 When you find a style sheet whose formatting rules meet your design criteria, click OK.
The CSS Styles panel
Note: In Dreamweaver CC and later, CSS Styles panel is replaced with CSS Designer. For more information, see CSS
Designer.