Project turn-in instructions:

• Please upload the following documents to LMS in required format.
  • Finished project report form as a webpage (*.html) file. If you cannot edit the report in HTML, then edit the report as a plain text (*.txt) file, but 3 points will be deducted. No other file formats please.
• If no project report form has been handed in, a grade of zero will be recorded.

Web Development Project: CSS

Add an internal/embedded style sheet (CSS style sheet embedded in the page's head section as a style element) to the webpage constructed in Project 1 (a webpage introducing somebody or something.) In order to finish this project, you may need to add more contents to the webpage or create a new webpage from scratch.

With this style sheet, the webpage is displayed by browsers in different and prettier styles than before:

1. The webpage has a background image or background color other than the default color. Please pay attention in selecting background so that the text is easy to read.
2. The webpage contains a center-aligned heading which is of a different font family and color than the text.
3. In the 2-level nested ordered list, the outer list uses uppercase Roman numerals as list-item markers (sequencing values), and the markers of the inner list are lowercase Greek letters.
4. Hypertext links (whose content is text) are in italics but not underlined.
5. When the mouse cursor is hovering over a hypertext link, the presentation style of the link changes to make the hypertext link immediately noticeable. For example, the background color changes or the hypertext link becomes underlined.
6. The two images are displayed with borders, as if they were put into photo frames.
7. The odd and even numbered rows of the table have different background colors.

The style sheet should be documented with at least one CSS comment.