Style Sheets
Style sheets are very useful, and can help make a page look
more professional. Style Sheets can be used to make links look
different. A traditional link is underlined to designate where it
is. Links used on my page, for example, were created with a style
sheet. The links aren't underlined, and when you put your mouse
over them, they change color. I used this code:
<style type="text/css">
<!-- A { text-decoration: none }
a:hover {text-decoration:underline; color:#9995ec; font
weight:normal } -->
</style>
This can be altered to fit your needs.
The A {text-decoration: none} is used to designate what the link will look like on the page. You can use none, underline, or overline.
The a:hover indicates that the following
changes will happen when the mouse goes over the text.
text-decoration: indicates what the text will
look like. You can use underline, overline, or none.
color: this is the color the text will become.
background: this is the color the background of
the text will become.
font indicates changes to the font
weight: bold, normal
The style sheet used on this section of my page is:
<style type="text/css">
<!-- A {text-decoration: none }
a:hover {text-decoration:underline; color:blue;
background:yellow; font weight:bold }-->
</style>
Style Sheets are added to the HTML code after the <title> tag, before you close the <head> tag. Style Sheets should be used to improve the appearance of your page. The one I've used is just for demonstration.