allows you to interact with styles in Dreamweaver. [View full size image]   Notice that the CSS Styles panel has two buttons that represent two distinct CSS Styles panel views. We'll discuss the Current view later in this section; for now, notice that the CSS Styles panel exposes the following functionality while in the All view: Panel Options menu: Options from this menu include some of the more popular and widely used CSS operations. For instance, you can create a new style sheet, edit an existing style sheet, delete a style sheet, export a style sheet, and more from this menu. All/Current views: Use these buttons to switch between the All and Current views. In the All view, the CSS Styles panel displays all document-wide and external style sheets as well as the rules set out for the entire defined site. In the Current view, the CSS Styles panel displays detailed style information for a selected element. All Rules: After styles have been created, they are listed here. External style sheets appear with the name of the external style sheet file (for example, styles.css). Document-wide style sheets, as you can see in Figure 7.5, appear as <style>. You can expand the style sheet to see all classes, pseudo-classes, IDs, and tag redefinitions in the style sheet. Properties: Use this menu to display a complete or filtered list of properties for a specific style rule. Depending on the view you choose from the Show Category View or Show List View button (described next), this list is customized to display either a category or list view of all available properties for a style rule or is filtered to display only properties that have been set for a selected rule. Show Category View: Click this button to display a categorically sorted view of available properties for a selected style rule. When you select this button, the Properties list changes (see Figure 7.6). Figure 7.6. Use the Show Category View button to display a categorically sorted view of available properties for a style rule.   Show List View: Click this button to display a complete list view of available properties for a selected style rule. When you select this button, the Properties list changes (see Figure 7.7). Figure 7.7. Use the Show List View button to display a complete list view of available properties for a style rule.   Show Only Set Properties: Click this button to display only properties that have already been set for a style rule. You can still add properties from this view by clicking the Add Property link. Selecting this link displays a list of available properties for the style rule (see Figure 7.8). Figure 7.8. Use the Show Only Set Properties view to display only those properties that have already been set for a style rule.   Attach Style Sheet: Selecting this option opens the Attach External Style Sheet dialog. From this dialog, you can browse to and include existing external style sheet files in your document. This option is covered with more detail later in the chapter.