body {
background-color: #FFFFFF;
background-repeat: no-repeat;
margin-top: 5%;
}
.style2 {
color: #666666;
font-weight: bold;
letter-spacing: 0.1cm;
font-family: Arial, Helvetica, sans-serif
}
.style4 {
color: #666666;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.style7 {
color: #666666;
font-weight: bold;
letter-spacing: 0.1cm;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; }
.style9 {
font-size: 22px;
font-weight: bold;
letter-spacing: 0.1cm;
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
}
.style13 {font-weight: bold; color: #000000; font-size: x-large; font-family: Geneva, Arial, Helvetica, sans-serif; }
a.one:link {color: #666666; text-decoration: none}
a.one:visited {color: #666666; text-decoration: none}
a.one:hover {color:#FF0000; text-decoration: none}
ul.squares li { color:gray; }
ul.squares li span { color:gray; }
/*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}
*/