Applying styles through the Property inspector
In addition to automatically creating CSS styles, Dreamweaver also enables you to apply any defined
style directly through the Property inspector. The immediate availability of CSS styles is a major boon to
productivity and is extremely helpful for designers working in a site fully committed to using Cascading
Style Sheets.
To apply a class style from the Property inspector, select a page element and then make your choice from
the Style drop-down list as shown in Figure 7-5; to make it simpler for you, a style is previewed in the Style
list. If the tag allows an ID to be assigned, all available ID selectors are listed in a similar list. However,
unlike class selectors, after an ID selector has been assigned to a tag, Dreamweaver no longer displays it in
the ID list.
FIGURE 7-5
CSS styles are previewed and applied from the Property inspector.
Attaching an external style sheet
Now that CSS-enabled browsers dominate, more Web designers are encountering clients with existing external
style sheets. To apply the site??™s design specifications to a new page, all the designer need do is connect the
current page to the CSS document. Dreamweaver provides a streamlined method for doing just that.
The Attach Style Sheet button, found on the CSS Styles panel, is a straightforward solution for linking external
style sheets to the current document.
Pages:
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484