When I first started using style sheets it was a while ago and like most people I would embed them in my pages. Meaning I would add a code like

<style type="text/css">
Font{font-family:Verdana,Arial,Helvetica; font-size:8pt}
</style>

to all of my pages, and I'd also use the a:link tags to define the anchors. Now the problem with that is while it works perfect it makes it a pain to update all of the elements when you want to make changes across your entire site. Now the answer is simple. All we need to do is create one file and add some code to all of our pages to call on it. Let's start by creating our CSS file. All this file consists of is the text we would normally add to our pages to generate the CSS code, minus the <style> tags. Here is an example of a .css file that you could use to define how your links would look:

A:link { color:#363636; font-weight:400; text-decoration: none}
A:active { color:#FFFFFF; font-weight:light; text-decoration: none}
A:visited {color:#363636; font-weight:400; text-decoration: none}
A:hover {text-decoration: none; font-weight:500; color:#000000}

Once you create a text file like the one above save the file as something.css The .css file is the extension you need to save your external style sheet as.

Now all you need to do is add the following code to all of your webpages that you want to use the CSS file in.

<LINK REL=StyleSheet HREF="your.css" TYPE="text/css" TITLE="yourname">

Once you have added a code like that to all of the pages on your site updating the CSS elements will be a snap. All you need to do to change how your CSS displays or acts is to change the one .css file. That's it. Your whole site is now changed by just changing the one file.