.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
}
a.one:link {color: #666666; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
a.one:visited {color: #666666; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
a.one:hover {color:#FF0000; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
a.two:link {color: #000000; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
a.two:visited {color: #000000; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
a.two:hover {color:#FF0000; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
/*this is how to make background all in one coding with fixed background - will not scroll
{
background: #00ff00 url('smiley.gif') no-repeat fixed center;
}*/
/*Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
*/
/*this is an example of how to make a horizontal menu with background color
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li {display:inline}
The link to W3Schools tutorial http://www.w3schools.com/css/tryit.asp?filename=trycss_float5
This is how to place an image behind text
img.x
{
position:absolute;
left:0px;
top:0px;
z-index:-1
}
This is a Heading
Default z-index is 0. Z-index -1 has lower priority.
This is how to underline a link while hovering.
a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}
*/