The code

<HTML>
<HEAD>
<STYLE TYPE="text/css"><!--

BODY {
  color: white;
  background: #FFFFFF;
  margin-left: 7%;
  font-family: verdana, helvetica, sans-serif;
}

H1, H2 { 
  margin-left: 20px;
  color: #900000;
}

H3 {
  color: #900000;
}

A:link { color: #900000 }

A:visited, A:active { color: #009000 }

}

SPAN.attribution {
  font-weight: bold
}

BLOCKQUOTE {
  margin-left: 40px; 
  margin-right: 40px;
  margin-top: 10pt; 
  margin-bottom: 10pt;
  font-style: italic;
}

ADDRESS { 
  text-align: right;
  font-weight: bold;
  font-style: italic 
}

/*
      The following section creates a set of partially overlapping
      headlines in different colors and font families. Negative
      margin values must be set on block-level elements to have an
      effect - in this document P elements are used and the selectors
      are named '#p*'. Since these headlines contain links, they will
      normally be colored accordingly. To override this, SPAN elements
      have been inserted within the A elements and the colors and
      fonts are set on these. The respective selectors are  named '#s*'.
*/


#s1 {
  color: red; 
  font: 100px Impact, sans-serif;
}

#p1 {
  margin-top: -30px;
  text-align: center;
}

#s2 {
  color: purple; 
  font: italic 40px Georgia, serif;
}

#p2 {
  margin-top: -80px; 
  margin-left: 5%;
}

#s3 {
  color: #080;
  font: 40px Verdana, sans-serif;
}

#p3 {
  margin-top: 10px;
  text-align: center;
}



#s4 {
  color: #37F; 
  font: bold 40px Courier New, monospace;
}

#p4 {
  margin-top: -20px;
  text-align: right;
}



#s5 {
  color: #F73;
  font: bold 100px Verdana, sans-serif;
}

#p5 {
  margin-top: -80px;
  text-align: left;
}



#s6 {
  color: #22A;
  font: bold 25px Verdana, sans-serif;
}

#p6 {
  text-align: center;
  margin-top: -30px;
}


#s7 {
  color: #088;
  font: italic 80px Verdana, sans-serif;
}

#p7 {
  text-align: right;
  margin-top: -70px;
}


#s8 {
  color: #088;
  font: italic 20px Verdana, sans-serif;
}

#p8 {
  margin-top: -10px;
  margin-left: 3%;
}


#s9 {
  color: #000; 
  font: 20px Georgia, serif;
}

#p9 {
  margin-top: -10px;
  margin-left: 30%;
}

#s10 {
  color: #900; 
  font: bold 10pt Georgia, serif;
}

#p10 {
  text-align: right;
  margin-top: -10px;
}


#s11 {
  color: #990;
  font: italic 20px Georgia, serif;
}

#p11 {
  margin-top: 0px;
  margin-left: 20%;
}

--></STYLE>
<TITLE>Web Style Sheets</TITLE>
</HEAD>
<BODY>
<P>

<H1>Web Style Sheets</H1>

<P ID=p1><IMG SRC="alien4.gif">
<P ID=p2><SPAN ID=s2>What are style sheets?</SPAN>
<P ID=p3><SPAN ID=s3>This is nice!</SPAN>
<P ID=p4><SPAN ID=s4>You can do this!</SPAN>
<P ID=p5><SPAN ID=s5>CSS</SPAN>
<P ID=p6><A HREF="css.html"><SPAN ID=s6>back to notes</SPAN></A>
<P ID=p7><SPAN ID=s7>Hello!</SPAN>


<BLOCKQUOTE><A HREF="embed.txt">
<SPAN ID=s11>The code</SPAN></A></BLOCKQUOTE>


</BODY>
</HTML>