Lesson 2 - CSS Styling
Tutorials
Reference
Assignment 2 - CSS Styling
Part 1:
- Download this webpage: assignment2.html
- Add CSS to this style sheet: assignment2-styles.css
- Add comments to the stylesheet
- Use percentages or ems for the text size
- Specify a list of fonts as well as a generic family to be used for the text
- The links inside the div id="navigation" should be different from the content links. Make the navigation links horizontal.
- Style each header (h1 - h6)
- Add styles to the special class
- Modify the leading on the paragraph text
- Modify the bullet type on the unordered list
- Upload it.
- Add a Link to the page on your homepage
Part 2
- Download this webpage: assignment2b.html
- Add CSS to this style sheet: assignment2-styles.css. Make it look the way you want it. Use any fonts, colors and images you desire. Here's an example
- Upload it.
- Add a Link to the page on your homepage
- Use the Grade Assignment Form
Reading Assignment
- Read Chapters 1 & 2 from CSS Anthology