Simple Links in CSS

Links - using the code below as a guide, create two linked pages that feature modified link appearance as a result of your attached css page. Do not define the links in the xhtml page itself.

a {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.15em;
color: #FF9933;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF9933;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF9933;
}

The example creates an orange link that uses sans-serif type that is 1.15 ems in size,You could change the size for each of the various link states by including the new size as an attribute of the tag. "Link" is the appearance of the link as it is sitting on the web page. "Visited" is the appearance of the link after someone has clicked it once (and hasn't cleared the browser cache). "Hover" is the appearance of the link when someone rolls the mouse over it. "Active" is the appearance of the link while it is being clicked. "Text-decoration" refers to the underline. In this example, the link is only underlined when you roll over it. By the way, the link turns red when you roll over it. All colors are expressed in hexidecimal code. The first two digits represent red, the second two digits represent green, and the last two digits represent blue. The scale runs from zero through "F". There is always a pound sign listed in front of the color. For example: #052F3A.