Comp25: HTML - Style Sheets

Learning Objectives

  1. To use styles to make the style of your website look even better
  2. To use an External Style Sheet to standardize the look and feel of your entire website

Steps to Take

  1. Open "styles.css"and continue to add additional styles to your style sheet, as you did in lab.  If you properly linked all your web pages to your style sheet in lab, any new styles should be reflected in all pages.
  2. Now enhance the look and feel of your webpage by applying at least five (5) more CSS styles.  You must have a total of 10 individual styles applied to tags -- not 10 attributes on one style -- in your style sheet.
    1. Create new style definitions for elements like

body

 p

hr

h1

h2

li

a

a:link

a:visited

a:hover

h3

  1. Be creative! Use the CSS Styles reading or research CSS to get some ideas on what you can change
  2. When you are finished, upload your styles.css sheet to Blackboard for HW

Helpful Links

CSS Lecture

CSS Styles and Style Sheets Reading

W3 Schools CSS Tutorial and Reference

Grading Guidelines

This assignment will be graded using the following guidelines:

Grading Rubric:
On-Time 25% 12.5
Accuracy 50% 25
Style / Creativity 25% 12.5
Total Points Possible:  100% 50