WDV221 Intro Javascript

Style Object - CSS Interactions - In Class Exercises

1. Click this paragraph to change the font color to red.

2. Mouseover this paragraph to center the H3 element containing "CSS Interactions".

4. Mouseover this paragraph to change the font to a font of your choice.

5. Click on this paragraph to return the font to the default font.

6. Click on the button to make the word SALE font size 24.

8. Use an event handler of your choice on this paragraph to make the paragraph background color yellow.

9. Use an onclick event to hide the Frog image shown below.

11. Mouseover the Frog image to make its height and width double its original size.

13. Doubleclick on this paragraph to place a border around this paragraph.

14. Use an event handler of your choice to remove the border from the previous paragraph.

15. Mouseover this paragraph to turn its background color to green. When you mouseoff the paragraph return it to its normal color.