Lab 10: Working with Font Sizes and Families

Instructions:

  1. For this lab you will be revisit one of your previous labs (of your choice) and implementing embedded CSS.
  2. Make a copy of the lab file, naming the copies lab10.html
  3. Do not alter the original (X)HTML file; we want to preserve the earlier labs as they were.
  4. Update the copy to XHTML 1.0 Strict, with any corresponding (X)HTML code changes necessary to achieve successful validation.
  5. Then implement CSS to style the content. Implement pixels, keywords, and either em or percentage.
  6. Also implement both the series of sans-serif fonts given in lecture and the 'georgia,serif' combination for serif fonts.
  7. Finally, use the color property to modify text color.
  8. Check rendering cross-browser to ensure that everything is working as desired.
  9. Validate your CSS to ensure that no errors are occurring. Warnings you can disregard, since they will probably be related to background colors.
  10. Link the Lab 10 file from your class page and include a link at the bottom of the files back to your class page.
  11. Upload the revised file to the server and also copy it to your removable media.