Lesson 2 - CSS Styling

Tutorials

Reference

Assignment 2 - CSS Styling

Part 1:

  1. Download this webpage: assignment2.html
  2. Add CSS to this style sheet: assignment2-styles.css
  3. Add comments to the stylesheet
  4. Use percentages or ems for the text size
  5. Specify a list of fonts as well as a generic family to be used for the text
  6. The links inside the div id="navigation" should be different from the content links. Make the navigation links horizontal.
  7. Style each header (h1 - h6)
  8. Add styles to the special class
  9. Modify the leading on the paragraph text
  10. Modify the bullet type on the unordered list
  11. Upload it.
  12. Add a Link to the page on your homepage

Part 2

  1. Download this webpage: assignment2b.html
  2. 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
  3. Upload it.
  4. Add a Link to the page on your homepage
  5. Use the Grade Assignment Form

Reading Assignment

  • Read Chapters 1 & 2 from CSS Anthology

Comments: