How do I apply a style to a hyperlink?

Question

Help!
How do I get rid of the default underline, and colours 'link:blue, visited:purple, active: red, hover:blue' for all hyperlinks in my site?
And is it possible to create a specific style for all links? if so, where do i do this...in the CSS?
Many thanks in advance.

Answer 1

CSS PSEUDO CLASSES:
Basically, you need to define a set of link states (a:link, a:visted, a:hover, a:active, a:focus) for each ID or class name required in your page.  Let's say you want to have red links in your #header and white links in your #footer.
CSS:
#header a {text-decoration:none}
#header a:link {color:red}     /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover,               /**on mouse over**/
#header a:active,              /**on click**/
#header a:focus                /**on tab key**/
    {text-decoration:underline}
#footer a {text-decoration:none}
#footer a:link {color:white}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus 
    {text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div  id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
For more on CSS pseudo classes:
http://www.w3schools.com/css/css_pseudo_classes.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb