Externalize CSS with Dropdown
We will be skipping this exercise in Winter 2020
Create a fun dropdown 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:
- Save as "external.html" so you don't overwrite your original exercise
- 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)
- Link to the .css file in the <head>
- In your external CSS, add a dropdown menu that has a rollover effect. Have some fun with this styling!
Don't forget to publish, and to link to your exercise from your home (index) page!
Lessons to help with this exercise:
Feel free to use the dropdown we looked at in the lesson.
And I thought this website did a really good job of breaking down the basics of how this works