Oftats brukar man börja med att fixa till länkarna
<STYLE TYPE="text/css">
<!--
a { text-decoration: none; }
a:link { color:#0000FF; }
a:visited { color:#0000FF; }
a:active { color: #000066; }
a:hover { color:#FF0000; background-color:#FFF8DC; text-decoration: underline;}
// -->
</STYLE>
Man kan även se till att BODY fixas till samt se till at man har några färdigt definierade inställningar
BODY
{
BACKGROUND-COLOR: #ffffcc;
COLOR: black;
FONT-FAMILY: Verdana, Arial;
FONT-SIZE: 10pt
}
#extra
{
BACKGROUND-COLOR: #ffffff;
COLOR: black;
FONT-FAMILY: Verdana, Arial;
FONT-SIZE: 10pt
}
#extra A:active
{
COLOR: red;
FONT-FAMILY: Verdana, Arial;
FONT-SIZE: 10pt;
FONT-STYLE: italic;
FONT-WEIGHT: bolder;
TEXT-DECORATION: underline
}
<a href="http://www.somewhere.com">En normal länk</a>
ger
<a href="http://www.somewhere.com" id="extra">En extra länk</a>
ger
Detta kan vara användbart om du t.ex har en bakgrundsbild som är mörk vid
vänstra kanten men ljus för resten av sidan. Om du har EN färg för länkar kanske
den inte fungerar så bra för bägge bakgrunderna.
Man använder ofta SPAN och DIV med antingen STYLE eller ID eller CLASS
(Skall hitta på mera när jag orkar)