Header 1

Header 2

The Style Sheet

This page uses the following cascading style sheet, which is contained in a separate file called workshop.css. Multiple documents can refer to this style sheet.

BODY { color: #000000; background: #ffffe8; margin-left: 4%; margin-right: 4% }
H1 { text-align: center; color: #880000 }
H2 { text-align: center; color: red }
H3 { text-align: left; color: blue }

To work with style sheets view the files in a directory, and download the *.css file by right clicking on the file and choosing Save Link As.... To see the directory listing with the stylesheet for this example click ../styles/.

The Link to the Style Sheet

To use an external style sheet place the following line in the header section of your file.

<LINK REL="stylesheet" HREF="workshop.css" TYPE="text/css">

Note that in this example, the style sheet and the HTML file are in the same directory.

Return to the Workshop Index.

http://www.chem.vt.edu/chem-ed/hampton/extstyle.html.