Dreamweaver 8 is more CSS-friendly than previous versions. I’m going to describe a couple of welcome improvements in the CSS Styles panel.
If you select a style or element in the document window, the CSS Styles panel displays information about it in two modes now: All or Current. There are now three views to choose from, controlled by three icons at the lower left. If you select Current mode and click the Show only Set Properties icon you’re treated to a big bag of very specific information. This is the mode and view I want to talk about in more detail.
The highlighted style can then be inspected and edited for its individual properties. The new About pane gives information about inheritance and can help you clear up Cascade problems if you are experiencing a conflict. The Properties pane also gives information about inheritance. Properties inherited from a style further up in the cascade are indicated by a strikethrough of the selector name.
Hover over the property with the strikethrough, and you’ll see a pop-up window explaining more.
Together, the new Current mode, Show Only Set Properties view, and About pane constitute useful advances in Dreamweaver 8’s CSS interface.