CodeAve.com/CSS - Style Sheet Defined within External/Linked Document

CodeAve.com - CSS - Basics

ASP
JavaScript
CSS
·Basics
·Page Display
·Text Display
·Script Writers
·Contents
·What's New?
HTML
Links
Mail List
Search
Sitemap

Style Sheet Defined within External/Linked Document

Style sheets can be imported, linked, be in-line, or be defined in the document header. Many sites will only use one style sheet and link it to all of their documents, thus facilitating easy changes across many pages. This example will utilize an external document (linkedcss.css) to define and some attributes to all the hyperlinks on the page (linkedcss.htm).

•View the Output

•Text View

•Print View

•Mail this Link

linkedcss.htm
<html>
<head>
<title>CodeAve.com/CSS - Style Sheet Defined within External/Linked Document</title>
<link rel="stylesheet" type="text/css" href="linkedcss.css">
</head>

<body bgcolor="#FFFFFF">
<center>

<a href="http://www.yahoo.com">Yahoo.com</a> |
<a href="http://www.lycos.com">Lycos.com</a> |
<a href="http://www.excite.com">Excite.com</a> |
<a href="http://www.ask.com">Ask.com</a> |
<a href="http://www.about.com">About.com</a> |
<a href="http://www.jimmievaughan.com">Jimmie Vaughan.com</a>

</center>
</body>
</html>

linkedcss.css
a:link {color: #000000; /* All unvisited links will be colored black */ }
a:visited {color: #FF9900; /* All visited links will be colored tan */ }
a:active {color: #FF0000; /* All active links will be colored red */}
a:hover {color: #0000FF; background: #FFFF00;}
/* When the mouse pointer is over the link the link will be colored blue
and the background color of the link will change to yellow */