Styling your Portfolio

Experiment with fonts, colors, and other styles on your course portfolio using an external style sheet. Be sure your HTML and CSS validate. Record your choices in a Website Style Guide document.

  1. Create an external CSS style sheet called format.css and save it in the _css directory of your course portfolio site.
  2. Write at least ten CSS style rules to change the formating of all of your portfolio pages. (Be sure to validate your CSS as well as your HTML)
  3. Add an appropriate <link> tag to the <head> of each page in your portfolio so that they all use the same external style sheet format.css saved in the styles directory of your classs portfolio website.
  4. Add at least one embedded styles (place these in the page head) or in-line styles (place these within some element of the page) to at least one page in your portfolio.
  5. Edit this Styles Guide template document to describe each of the styles you included. Organize your style descriptions based on which part of the website they affect, and describe how they change the web site formatting.
  6. Add a link to the Portfolio Style Guide to the main index page of your portfolio. You will continue to update this document as you make changes to the portfolio styling throughout the quarter.