A Help Authoring Guide Section

The (X)H.T.M.L. Structure Layer Markup Code

The markup for the A Help Authoring Guide section adds the class="norm" to the opening h4 element.

• This influences the styling of the text which is shown in the C.S.S. section.

This is the markup code that structures the A Help Authoring Guide Section:

1. /* A Help Authoring Guide section markup code */

3.    <h4 class="norm">A Help Authoring Guide</h4>

5. /* end A Help Authoring Guide section markup code */

top

The C.S.S. Presentation Layer Code

The #nav h4.norm selector styles are defined:

#nav h4.norm

padding: 0.7em 0em 1.5em 0em; - shorthand for the padding property:

• padding-top: 0.7em - sets the top padding to 0.7em
• padding-right: 0em - sets the right padding to 0em
• padding-bottom: 1.5em - sets the bottom padding to 1.5em
• padding-left: 0em - sets the left padding to 0em

font-variant: normal; - sets the font-variant back to normal from small-caps

font-style: italic; - sets the font-style to italic to differentiate it from other topic headings

font-size: 1.3em; - sets the font-size to 1.3em

This is the C.S.S. presentation code that transforms the markup:

1. /* A Help Authoring Guide section .css code */

3. #nav h4.norm {

4.   padding: 0.7em 0em 1.5em 0em;

5.   font-variant: normal;

6.   font-style: italic;

7.   font-size: 1.3em;

9. /* end A Help Authoring Guide section .css code */

top