Week 2-Review Questions

1. What effect would the following coding have?

This is an example of an H1 heading

This is an example of an H2 heading

This is an example of an H3 heading

The following coding would result in H1 headings printed in green with a yellow background. H2 and H3 headings would be printed in default black with a yellow background.

2. What effect would the following coding have?

This is an example of an H1 heading

This is an example of an H2 heading

This is an example of an H3 heading

This is an example of an

H2 heading nested within

an H1 heading

This is an example of an

H3 heading nested within

an H1 heading

This is an example of an

H2 headed nested within an H1 heading and an

H3 heading nested within

and H2 heading; everything is nested within an H1 heading

This is an example of an

H3 heading nested within

an H2 heading, but not an H1 headingThe following coding would result in H1 headings printed in green with a yellow background. When H2 and H3 headings are nested within H1 headings, then they would be printed in green with a yellow background. When they are not nested within H1 headings, they would be printed in the default black.

3. What does !important do? Where would you use it and why? !important means that the style is more important than any other; that is, that it takes precedence over any other style on the sheet.

4. To make that paragraph all italics, with the second sentence bold and italic I'd use these style rules:

<STYLE type=text/css>
<!--
P {font-style:italic;}
SPAN.warning {font-weight:bold;}
-->
</STYLE>


I'd code the paragraph like this:

This text is displayed in italics. <SPAN class="warning"> This sentence is displayed as boldface and italics. </SPAN> This text is displayed in italics. </P>