You either borrow a css file or you make one.
You link a Cascading Style Sheet file the same way you would a graphic (tag is different, but same idea). Then the browser read the css and applies those styles to the tags you use.
My one of my stylesheets is rose_garden.css. In the <head> section I have:
<link rel=stylesheet href="rose_garden.css" type="text/css">
It's very very very similar to using templates and styles in Word. (That will either make sense or it won't, so I'll leave it there.)
For example, on my Voyager pages <h1> is Final Frontier instead of Arial or whatever the default is. I define it one time in the CSS and then I *NEVER* have to fiddle with <h1> again. I just use <h1> and it will be the font, color, etc... that I defined. No <h1><font face="Final Frontier" size="47pt" color="blue">Anne's Rose Garden</font></h1> just a plain <h1>. (<h1> is Heading 1, very similar to Heading 1 in Word.)
If I took leave of my senses and wanted <h1> to be 72pt, Gothic Frankenstein, blinking lime green on a hot pink background I could do that by saying in my .css file:
h1
{
color: #33ff00;
background: #ff3399;
font-family: Gothic Frankenstein, serif;
font-size: 72pt;
text-decoration: blink;
font-weight : bold;
}
Hopefully one of my friends would intervene at this point and save me from embarassing myself like that. :sing-shower:
However, that makes a dramatic point.
Oh, I just made another point without meaning too. <blink> has not only been deprecated, it's been killed outright by some browsers. See here for a chuckle.
http://www.htmlcodetutorial.com/_BLINK.html (Ok, you may only chuckle if you're a geek, but this is a great tutorial and worth a look anyway.)
- Anne Rose