<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Linked Style Sheet Example</title>

<link rel="stylesheet"  href="linksty.css" type="text/css">


<!-- What follows is the contents of my linksty.css. You are to copy the contents and save as linksty.css. after you have modified your linksty.css according to the HW instructions of HW8, and are satified with the new results, make sure that you replace the contents of  linksty.css (what you see below), with the contents of your modified version of linksty.css.

body 
    {
background-color: #e9967a;
color: #000000;
     }

h2 
    {
background-image: url("pattern1a.html");
font: 20pt Eurostile;
color: #a020f0;
text-align: center;
margin-top: 20px;
margin-left: 120px;
margin-right: 120px;
font-weight: bold;
    }


p.main
     {
font: 16pt 'Kartika';
color: 6699ff;
background: 66ffff;
text-indent: .6in;
margin-left: 120px;
margin-right: 120px;
text-align: justify;
border: dotted;
padding: 8px;
      }


p.lil 
      {
font-size: 12pt;
font-variant: small-caps;
text-align: left;
font-weight: bold;
margin-left: 250px;
margin-right: 120px;
color: #ff9933;
background: #99ffff;
       }

p.newext  
     {
font-family: 'Bradley Hand ITC';
padding: 15px 15px  15px;
line-height: 22pt;
border-style: dashed;
border: 2px solid black;
background-color: #ffcc99;
font-size: 12pt;color: #666633;
text-align: left;
font-weight: bold;
      }


#new  
     {
font-family: 'Tahoma';
padding: 20px 20px  20px;
line-height: 24pt;
border-style: ridge;
border: 3px solid black;
background-color: #deb887;
font-size: 12pt;color: #ff0000;
text-align: justify;
font-weight: bold;
      }

a {
color: #a020f0; text-decoration: none;
  }


a:hover { color:#8f0052;
text-decoration: underline;
background-color: yellow;
        }


address 
{
font-family: Juice ITC;
font-size: 14pt;
font-weight: bold;
color: #000000;
}


END of style rules within linksty.css

-->


</head>

<body>

<h2>Linked Style Sheet Example</h2>


<p class="main">

There comes a time when you must decide if you are going 
to be an auteur or a procrastinator. Anyone who
has the perspicacity to want to create web sites for a living
 should visit a shrink to determine if he is sane. On the other
 hand, maybe making a lot of money is easier if one becomes
 a janitor. Anyway, visit <a href="http://fog.ccsf.org/~srubin"> 
my fog site</a>  if you don't know what else to do.
</p> 


<p id="new">Style sheets bring a wondrous new look to web pages, that allows
the designer more control over fonts and object placement. Try it! 
You'll like it!
</p>

<p class="newext">Although Style sheets make web pages look more beautiful,
it takes some times to learn.  It took me two days to understand the ideas behind it.
I hope I can use it more often in my web pages.
</p>

<p class="lil">
Note: This page calls on linksty.css for its style
</p>

<p><hr align="center" width="85%" size="5" color="#cccccc"></p>

<p align="center">

 <b>Here is link to ------>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="style1.html"><font size="5">Inline Style Sheet</font></a><br><br>
Back to ------>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="styleint.html"><font size="5">Embedded Style</font></a>
</p>


<address>
Xiao Ping Lin<br>
Email: <a href="mailto:xplin2@gmail.com">xplin2@gmail.com</a>
</address>

</body>
</html>




