
Stilmallar har egentligen inte mycket med HTML att göra,
utan används som tillägg. Stilmallar eller Style Sheets som det egentligen
heter använder man för att göra lite speciella saker på sin sida, lite
häftiga grejer!
Observera också att jag INTE kopierar utan skriver här de stilmallar jag
själv använder mig av och förklarar på mitt sätt.
Hover mm
Det första jag tänker gå igenom är att ändra ett teckensnitts
egenskaper.
Vi säger att du vill ändra all text innanför <P>-märkena till blå med
typsnittet Verdana. Skriv då sä här:
<STYLE type="text/css">
<!--
P {font-family:
Verdana; color:blue}
-->
</STYLE>
Det här var ju inte så svårt, nu går vi vidare till att ge länkarna lite
egenskaper. Vi lägger till några rader efter P ovan, så här:
<STYLE type="text/css">
<!--
P
A:link { text-
decoration: none; color:
#006666;}
A:hover { text-
decoration: underline;
color: #FF3333;}
A:active { text-
decoration: none; color:
#FF3333;}
A:visited { text-
decoration: none; color:
#555555;}{font-family:
Verdana; color:blue}
-->
</STYLE>
A:link anger vilken
färg länkarna har, i det här fallet turkosa.
A:hover gör så att länken får en ljusröd färg
när man för muspilen över.
A:active anger att länke behåller den röda
färgen när någon klickar på den.
A:visited anger färgen på en besökt länk, i det
här fallet grå.
All understrykning är avstängd, förrutom i A:hover som gör att länken blir
understruken när någon för muspilen över den.
Här kan du naturligtvis ändra på det sätt du känner för. T ex att ta bort
raden med A:visited så behöver länkarna inte bli någon speciell färg när
man klickat på dem.