Adding and Formatting Text - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 137

◗

4. Click the Selector Type button, and then click Tag (redefines an HTML
element) . A list of tags appears in the Selector Name list.

◗

5. Click the Selector Name arrow, and then click h2 . This specifies that you'll
modify the <h2> tag.

◗

6. Click the Rule Definition button, and then click (This document only) , if neces-
sary. This creates an internal style sheet.

◗

7. Click the OK button. The CSS Rule definition for h2 dialog box opens, and h2
appears in the All Rules pane of the CSS Styles panel.

◗

8. In the Category box, click Type , if necessary.
◗

9. In the Font-size box, type 20 , and then, if necessary, click the Font-size button,
and then click px . The font size for the style is set to 20 pixels.

◗

10. In the Color box, type #666633 , and then press the Tab key. The specified color
appears in the color picker. See Figure 3-17.

Figure 3-17 CSS Rule defi nition for h2 dialog box

The hexadecimal color
code must begin with
# to display correctly
when viewed outside of
Dreamweaver.

type attrib utes for
the modified h2 tag

◗

11. Click the OK button. The subheading in the home page reflects the new style.
In the CSS Styles panel, h2 is selected in the All Rules pane and its properties
appear in the Properties pane. See Figure 3-18.