Externalize CSS

Create a fun menu and an external CSS file

You can go ahead and use an earlier exercise as the basis for this exercise. (I'd suggest your 2-column or 3-column exercise, whichever you like better.) Here are the things I'd like you to do:

  1. Save as "external.html" so you don't overright your original exercise
  2. Create an external CSS file (you could simply cut and paste all of your existing CSS selectors into a new .css file as a starting point)
  3. Link to the .css file in the <head>
  4. In your external CSS, add a horizontal menu that has a rollover effect and that uses drop shadows, curved corners and opacity. Have some fun with this styling!

Don't forget to publish, and to link to your exercise from your home (index) page!