CSS Basics Hands-on Exercises

Download the Practice Site

1. Create your site definition in Dreamweaver and download your practice site
2. Open the news story for the department's anniversary
   /news/2006/93anniversary.html
3. Open your site's template and attach the existing style sheet
   /Templates/site-shell.html
   and attach the style sheet
   /common/stylesheet.css
4. Save template and update files
5. Switch files to your news story and review the changes -- make note of the list item navigation menu in the sidenav region
6. Attach another style sheet file
   /common/sidenav.css
7. Set the "id" attribute on the <td> tag containing your content navigation menu to id="sidenav"
8. Observe how the links and list text in the content navigation menu has changed again after attaching the second style sheet. This demonstrates the cascade at work.