Brad's Epic Climb on Mt. Whitney
This past summer, Brad Vander Zanden, made an epic climb on Mt.
Whitney. Now I know you are dying to hear about all the tantilizing
details of the climb, but I need to point out how this text
illustrates the stylesheet you were supposed to create:
- If you view the source file for this html page, note that there is
a link element in the head block that specifies the
url of the web.css stylesheet.
- The font used in these paragraphs is only 80% of your browser's default
base font. However, you will also notice that this ordered list may
not appear in an Arial font. In my Safari browser, the list elements
appear in a times roman font, because that is the default font used by
my browser for all text content, and ordered lists inherit their parent
element, which for this ordered list is the body tag, not a
p tag.
- The first line of all paragraphs is indented by 10 pixels.
- The text in the h1 header above is colored green and is in either
an Arial or sans-serif font. Your browser will display the text in an
Arial font if your browser can find the font on your machine; otherwise
it will use a sans-serif font, which all browsers should support.
- The emphasized element in the h1 header is colored orange but
the emphasized elements in the main text have a normal color. I achieved
the orange effect with the descendent selector "h1 em".
- This ordered list appears in lower-case roman numerals. If you look at
the page source, you will see that this ordered list has a class attribute
with the value "mini-roman", which matches the "mini-roman" style rules
in web.css.
- The web-page's background has a greenish color.
I'm Centered and Colored Red
If you view the page source for this web-page you will see that the above
heading has the id "section", which causes the style rules associated with
the "h1#section" tag to be applied to this heading.