Meny: Hovedsiden; Om Martin; Ta kontakt; Foto; RSS

Ditt første stilsett

Jeg gjennomgår her en enkel veiledning som viser hvordan du oppretter ditt første stilsett.

Steg 1: Et tomt XHTML-dokument

Jeg oppretter et nytt XHTML-dokument, etter W3C-standarden XHTML 1.0 Strict. Det ser ut som følger:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Untitled</title>
</head>
<body>
</body>
</html>

Steg 2: Koble til et eksternt stilsett

Personlig foretrekker jeg eksterne stilsett, med mindre jeg prøver ut noe spesielt. Det eksterne stilsettet kobler jeg til i hodet på XHTML-dokumentet, slik:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="fil.css" />
</head>
<body>
</body>
</html>

Som man ser av eksemplet, henviser XHTML-dokumentet til CSS-filen "fil.css".

Steg 3: CSS-instruksjoner

I filen "fil.css" skriver vi de ønskede CSS-instruksjoner, eller statements, for eksempel:

body {
font-family: georgia, palatino, serif;
background-color: silver;
}

Med ovenforstående statement forteller jeg nettleseren at den skal benytte enten fonten "Georgia", "Palatino" eller en serif skrifttype. Videre forteller jeg at bakgrunnsfargen skal være sølv (silver).

I nettleseren ser det ut som følger:

Første test