Lab #6: Changing Style Attributes

Take style sheets you've created in lab #1 (use your old files). Try to play around with what you've learned and minpulate your styles. Also think about including alternate style sheets that your user can switch to.

Resources

JavaScript Objects - If you need to know how to access a Date Object... etc. Look here!

HTML Document Object Model

Style Properties

Problem 1

Change the style of the link when you hover over it.

Problem 2

Change the style of the first line of text in the paragraph when you click a button.

Problem 3

Change the alignment and the color of the text within the span tag when you click a button.

Problem 4

Change the style of the border so that when you hover over the table it changes colors and the background color changes when you move your mouse off of the table.

Problem 5

Work on your personal site. Put it in your .www directory. The requirement are:

• Include some information about you and your studies (at least SOME content that you'd want to show other people)
• Include an external style sheet
• Let your user change the style sheet by clicking a button or text (etc...)
• Have different media types so when I print out the page it looks different than if I was viewing it in a web browser