Zero, you Angel, yer absodamnlutely right! And this is how I have implemented it on my pages. The nav section links are all styled differently as buttons, while "normal" links are styled as bold with no text decoration and have a yellow background when hovered or active.
CSS allows you to turn what is normally an inline element <A> into a block-level element which then allows you to specify height, width, positioning and the like. This means that you can have content that looks very differentl depending on what <DIV> of the document it appears within.
Another important CSS point. You may apply styles to selectors several times. For example:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS example</title>
<style type="text/css">
<!--
/* position and size */
body {margin:0px; padding:0px; border:none;}
div {height:auto; width: auto; margin:0 1%}
#top {height:110px; width:auto; text-align:center; margin:5px 1% 5px 1%;}
#nav {position:absolute; top:130px; right:0%; min-width:90px; width:18%; text-align:center; z-index:1;}
#main {position: relative; top:10px ; left: 0px; width:auto; margin-right:20%; z-index:2; padding:1%; border:0;}
/* colors */
body {background:cornflowerblue; color:lemonchiffon;}
a {text-decoration: none; color:darkslategray;}
a:hover, a:active {background:lightgreen;}
#top {background:indigo; color:gold; border: thick dotted crimson;}
#nav {background:cadetblue; border: 2px outset darkslateblue;}
#main {background: lavender; color:darkslategray;}
hr {color:darkslateblue; background:darkslateblue; /*need both to work in different browsers*/}
img {border:none;}
/*fonts*/
body {font:normal normal 1em/1.2em verdana, helvetica, arial, sans-serif;}
a {font:normal bold 1em/1.2em verdana, helvetica, arial, sans-serif;}
a:hover, a:active {font:normal bold 1em/1.2em verdana, helvetica, arial, sans-serif;}
b a {font-style:italic;}
#top {font:normal bold 48pt/54pt times, serif;}
#nav {font-size:10pt; line-height:12pt;}
#nav a {font : bold 10pt courier;}
#nav address {font-size: smaller;}
/* special features */
#nav a { display:block; width:auto; height: 1.2em; padding:3px;
text-align: center; text-decoration: none;
color: #3163CE; background: #ffcc33;
margin:2 10% 2 10%;
border: 3px outset #fc3; }
#nav a:hover, #nav a:active {border: 3px inset #fc3; }
-->
</style>
</head>
<body>
<div id="top">Just an example</div>
<div id="main"><p>"Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<p>Normal link context: <a href="fake">Free Latin lessons</a></p>
<p><b>In a bolded sentance: <a href="fake">Free Latin lessons</a><b></p>
</div>
<div id="nav">
::Navigator::
<hr />
<a href="blah">blah</a>
<a href="blah">blah</a>
<hr />
<address>Address and Last updated date</address>
<p>
<a style="display:inline; background:transparent; height:auto; width:auto; border:none;" href="http://validator.w3.org/check/referer"><img
src="http://www.w3.org/Icons/valid-html40"
alt="Valid HTML 4.0!" height="31" width="88"></a>
</p>
</div>
</body>
</html>
By grouping structural styles, font styles, and color styles separately, you can conveniently edit different aspects of your document (documents if it is a linked stylesheet) in a global fashion. If you learn to separate your code like this, you can completely change a css template for a site in only a few minutes and have something that looks completely different.