Highlight any rule while in All mode and drag it to its new
location. Rules can easily be moved to any embedded or attached style sheet; any unopened style sheet
affected is opened and marked as modified. You can move a single rule at a time or select any number of
them to drag to a new location.
CSS rules can also be moved to an unattached or new style sheet. Right-click on any selected rules and
choose Move CSS Rules to begin the process. When the Move To External Style Sheet dialog box, shown in
Figure 7-11, opens, you have the option to choose an existing style sheet or store the selected rules in a new
one. If you decide to use a new style sheet, a Save Style Sheet As dialog box appears when you click OK.
FIGURE 7-11
Move any style rules selected in the CSS Styles panel to a current external style sheet or a brand-new one.
The Move CSS Rules feature is also available in the Coding toolbar along with another powerful,
albeit more specialized, CSS management command: Convert Inline CSS to Rule. As the
name implies, the Convert Inline CSS to Rule feature moves style attributes within a tag like this:
to a separate rule, like this:
#legalDisclaimer { font-size: smaller; }
The Convert Inline CSS to Rule command is terrific for cleaning up legacy pages where the use of inline
styles in absolutely positioned