Presented in a collapsible outline (see Figure 7-9), Dreamweaver shows the
styles in the order in which they are defined in the code. The style list is more than just a pretty display??”
it??™s a direct pipeline to editing each style. You can select any style and click the Edit Style button, and
Dreamweaver displays the CSS Rule Definition dialog box with the current style??™s settings.
FIGURE 7-9
Both embedded and external styles are shown in the Edit Styles mode of the CSS Styles panel.
NOTE NOTE
229
Building Style Sheet Web Pages 7
If you??™d prefer to work directly with the CSS code, double-click the style. Dreamweaver goes to the style
selected in the editing option of your choice, as defined in the CSS Styles category of the Preferences. You
can choose between using the Edit CSS dialog box, the Properties pane, or Code view.
Modifying or deleting a style in an external style sheet causes that style sheet to open.
Dreamweaver does this so that the modification or deletion can be undone. You can force the
style sheet not to open by unchecking the Open CSS Files When Modified option in the CSS Styles category
of the Preferences; but, if you do, changes to the style sheet cannot be undone.
If you have an external CSS editor such as TopStyle or Style Master defined??”and the Use External Editor
option selected??”double-clicking a style opens the style sheet in that editor.
Pages:
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500