Example External Stylesheet

Several of you have asked for an example of an external stylesheet. An external stylesheet is nothing more than a set of style definitions stores in a file separate from the HTML. In this way, the same stylesheet can be used for many HTML documents.

Here is a stylesheet I use for the short papers on my SPSU Web site. This is stored in a file called papers.css. 

body {background: #fffbf0; color: black; font-family: 'times roman', serif;}
h1, h2 {text-align: center; font-weight: bold; font-family: arial, sans-serif}
h3, h4 {text-align: left; font-family: arial, sans-serif; font-style: italic}
p.author {font-size: 10pt; font-style: italic; text-align: center}
pre.code {font-size: 10pt; margin-left: 50px;
         font-family: Courier, monospace}
.ilc {font-size: 10pt; font-family: Courier, monospace}

To use this stylesheet, I put in the <head> of my HTML document the following: 

<link rel="stylesheet" type="text/css"
href="http://www.spsu.edu/cs/faculty/bbrown/paper.css" />
That's all there is to this. Don't try to make it hard because it isn't!