View today's PowerPoint Presentation
In-class excercise: Box Model and CSS
1. Create an element with extreme padding. Alter the Border Sample.
2. Create an experimental XHTML page and an external CSS file. As you complete the list below, remember to save often and refresh to see your changes and to catch any errors quickly.
- Change the background body color [CSS]
- Change the default body font color [CSS]
- Change the color of the first three headings (h1, h2 and h3) [CSS]
- Change the background color of h1[CSS]
- Use a div with an ID [XHTML]
- Use a span with a class [XHTML]
- Change the background color of your div, and the text color [CSS]
- Change the background color of your span, and the text color [CSS]
- Create a link [XHTML]
- Change the way the text and background colors look when you rollover your link [CSS]
Text layout example
Table inside a border example
Span example.
Box Model
A simple table.
Homework:
Assignment: Due Week 5 (uploaded and linked)
Non-Linear Narrative
Return to Home Page