Applying CSS to your links allows you to do all sorts of nice roll-over and advanced text highlighting. You will also be able to have many sets of links on a single page, all with different formatting.
Basic CSS Link block

There are four stylesheet entities that govern how your links look:

a:link { }
a:visited { }
a:hover { }
a:active { }

These four selectors basically cover the link, vlink and alink attributes, but the last one allows you to set up text roll-over effects. Your a:hover line comes into play when a user puts their mouse on a link. The link can change in appearance in many ways, from a simple colour switch to a complete morph into another typeface and size. These effects are very helpful in showing the reader exactly which link they are pointing at. They look great too.

The order you define these in is important. If you rearrange them your hovereffects may stop working, as they will be overridden. Just make sure you have them ordered as I have above and you won’t have any problems.

Leave a Reply