Ved at bruge denne side acceptere du samtidig Brugbarts og vores partneres brug af cookies.

Læs mere

CSS Stilark

En Artikel som beskriver brugen af Interne og Eksterne stil angivelser.

Oprettet: 2012-04-04 12:49

Før du går i gang med CSS, kan det være nyttigt at forstår hvordan du kan arbejde med CSS i dine sider. Vi arbejder med 3 forskellige metoder til at forbinde CSS koderne, eller stilarkene med sider.

  1. Eksterne CSS Stilark - linket fra HTMLen
  2. Interne CSS Stilark - Inkluderet i head sektionen
  3. Linjestil - Inkluderet i style attributten på elementer

Nedenfor vises den meste almindelige måde på, hvordan man kan linke et eksternt CSS Stilark med en HTML side.

<!DOCTYPE html>
<html lang="da">

  <head>
    <title>Min Første Hjemmeside</title>
    <link rel="stylesheet" type="text/css" href="Mit-Stilark.css">
  </head>

  <body>
    <h1>Første Sektionsoverskrift på Siden</h1>
    <p>Min Første Hjemmeside.</p>
  </body>

</html>

Indholdet i selve CSS filen, kunne eksempelvis være nedenstående:

h1 {font-size:1.3em;font-weight:bold;}
p {text-decoration:underline;}

Hver angivelse adskilles med semikolon ";", og hver regelsæt bliver omgivet af krøllede parenteser "{" og "}" - Læs også: Selectorer i CSS

Links

  1. Interne Stilark
  2. Eksterne Stilark