CSS Practice Exercise

Instructions

This page will give you the opportunity to practice implementing Cascading Style Sheets.

1. Load this file into your web browser -- it's at www.nvcc.edu/home/tgutnick/itd110/code_samples/csspractice.htm.  Save it onto your own system, and from there make the appropriate changes.
2. You may implement the necessary changes, described below, with either embedded or linked styles, but not inline styles.
3. All text should appear in font face Verdana if available, otherwise Arial, otherwise generic sans-serif.
4. All headings should appear in blue.
5. For the navigation bars on the left, text should appear in white. When hovering, the background should change to gray.  These links should never be underlined.
6. All the links in the right-hand portion of the page should work normally, with default colors, default underlining, etc.
7. Finally, modify this web page so that it will display different results, depending on whether it's viewed through a browser or printed: the printed version (or Print Preview") should not show the navigational links on the left, the links at the bottom of the page, nor the yellow bar which separates the navigation area from the main content.