Det finns några olika sätta att använda sig av CSS i ett HTML dokument:
- Inline Style
- Med hjälp av <STYLE>
- Med hjälp av länkade style sheets
Inline Style:
För att använda Inline Style sätter man de egenskaper man vill ha direkt i
HTML "taggen" med följande syntax:
<tag STYLE="property:value; property:value; ... "></tag>
Till exempel:
<B STYLE="color:navy;">I'm in the blue.</B>
Vilket ger:
I'm in the blue.
Med hjälp av inbäddade <STYLE>:
Man kan även sätta in "instruktioner" för hur olika HTML element skall formateras direkt i dokumentet :
<STYLE TYPE="text/css">
<!--
B { text-transform:uppercase; }
P {
border:silver thick solid; background-color:turquoise;
padding:10px; text-align:center;
}
-->
</STYLE>
<P>Denna text har en silverram och <B>Fetstil</B> blir versal.</P>
Denna text har en silverram och Fetstil blir versal.
Länkade style sheets:
Man kan även sätta style sheets i en separat fil som sedan länkas in i dokumentet
Denna fil innehåller inställningar skrivna på samma sätt som för inbäddade <STYLE> ovan men man
lämnar bort
<STYLE TYPE="text/css">
<!--
--> och
</STYLE>
utan skriver bara
själva inställingarna i denna fil:
Om vi har en fil men namet mystyles.css som innehåller följande:
B { text-transform:uppercase; }
Och sedan länkar in den med:
<HTML>
<HEAD>
<TITLE>Oj va de svänger</ITLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="mystyles.css">
</HEAD>
Kommer alla texter markerade som fetstil även att bli versala.
CSS
Top
CSS