Both applied
and irrelevant properties are displayed. The irrelevant properties are noted with a strikethrough. If you
place your cursor over the property, Dreamweaver displays a tooltip explaining why the property is not relevant.
The two most common reasons a property is marked as irrelevant are because it is overridden by
another rule or not inherited.
Show information about
Selected Property button
Show Cascade of Rules
for Selected Tag button
TIPTIP
218
Designing and Crafting Core Pages Part II
Creating and ApplyingaStyleSheet
in Dreamweaver
Dreamweaver uses three primary tools to implement Cascading Style Sheets: the CSS Styles panel, the Edit
Style Sheet dialog box, and the Style Definition dialog box. You use the CSS Styles panel to view all the
styles available or those that are being applied to the currently selected HTML tag; the CSS Styles panel also
provides a direct link to modifying any property or for adding properties to any rule. The Edit Style Sheet
dialog is useful for managing groups of styles and style sheets, whereas the Style Definition dialog defines
the CSS rules themselves. With these three interfaces, you can accomplish the following:
n Link or import all your styles from an external style sheet
n Create new selectors and specify their rules
n Apply styles to selected text or to a particular tag surrounding that text
n Modify any styles you create
The fourth-generation browsers (and above) support many of the attributes from the first draft
of the Cascading Style Sheets standard.
Pages:
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479