Cascading Style Sheets
Due by Midnight on June 12, 2001
Cascading Style Sheets - 15 points
STAIR - 5 points

Part One:

NOTE: Doing this assignment will get you an extra 20 points!! So think of it as a nice, big, fat, juicey, extra credit assignment and go for it!! Oh and don't forget the STAIR if you want all 20 points. -Margaret

Make two html documents which reads from the same .css file (external css). It might be helpful to you to use your favorite poem or lyrics from a song. There should be at least:

• Five different attributes affected in each html document (ex. h1)
• Include at least one div element in each document

Part Two:

In one of your html documents created in part one, use at least:

• Two embedded styles (within the head tag)
• One embedded style should override the external css (in other words, if you wanted your header to be purple in the external css the embedded css would tell it to be red)
• One should not (in other words you don't have a style for a paragraph but in this document you do)

Part Three:

In the second html document created in part one, use at least:

• Three embedded styles (within the head tag)
• One embedded style should override the external css
• Two embedded styles should not override the external css
• Include at least two inline styles (one which overrides an embedded or external style, one which does not because it is new and not mentioned in either the external or the embedded CSS codes)

Final Notes:

Use proper indentation and formatting in your source code. Be sure the appropriate permissions are given for the file, and that you have a link to the project from your home page. All parts of your page must be working. All links will be checked.

Create an additional file called staircss.txt which will be your complete STAIR, outlining the process which used went through to tackle this assignment. A STAIR is worth 2 pts. FTP this file to phoenix. Make sure there is a link to it.

To see what I did for this assignment go to "Ode to Cascading Style Sheets". Make sure to check out the source code to better understand what I did.