| Share this post! | Vote this! |
|
This basic introdcution to CSS Rollover Links explains the basics of implementing the styles into your own webpage, while explaining some of the complicated Jargon on the way.
When you create a basic stylesheet, it will look something similar to this, just containing your 'link' properties.
<style type="text/css">
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF6600 ;
font-weight: normal;
text-decoration: none;
}
</style>
So that you can understand what each line means, here is a little Jargon buster:
"font-family:" - This line contains information on a variety of fonts that can be used. The system automatically goes through each of the fonts until it finds a chosen font on the users system.
"font-size:" - This indicates what size the font needs to be. It can either be determined in 'px' (pixels), or 'pt' (points).
"color:" This indicates what colour the links will be on the web page.
More...
When you create a basic stylesheet, it will look something similar to this, just containing your 'link' properties.
<style type="text/css">
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF6600 ;
font-weight: normal;
text-decoration: none;
}
</style>
So that you can understand what each line means, here is a little Jargon buster:
"font-family:" - This line contains information on a variety of fonts that can be used. The system automatically goes through each of the fonts until it finds a chosen font on the users system.
"font-size:" - This indicates what size the font needs to be. It can either be determined in 'px' (pixels), or 'pt' (points).
"color:" This indicates what colour the links will be on the web page.
More...
That seems easy, would definitely try apply rollover.
ReplyDeletesell electronics