Applying Style Sheets to HTML


Introduction: The goal of this project is to investigate the many ways in which style sheets can affect the look and feel of the HTML page. There are at least 7 different classes, and 8 different id's.
Download the source to this document. Keeping the HTML code after the <body> tag constant, and only change the style sheet parameters, provide links to 10 different style sheet versions of this page .


Example 1: This paragraph has a number of different HTML attributes . There include:

  1. paragraphs
  2. spans
  3. ordered lists
  4. list elements
  5. horizontal rules
Some of them are more important than others. Some need to be emphasized more than others .


Example 2: This paragraph has an imbedded image in it

and the source can be found here !

Its position and location can be determined by style sheet parameters.