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 heading
The
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>