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

Læs mere

Eksterne Stilark

En beskrivelse af hvordan man kan bruge eksterne stilark.

Redigeret: 2012-04-04 12:13

Hvis man opbevare CSS angivelserne i eksterne filer, opnår man oftest de bedste resultat - det skyldes at eksterne CSS filer bliver gemt i cache lagret i browseren, når først de er blevet indlæst en gang.

Hvorfor eksterne filer er Bedst

En side der henter dens CSS fra eksterne stilark, vil normalt blive vist hurtigere på efterfølgende anmodninger. Dvs. Den første anmodning vil være langsommere - det skyldes at browseren skal sende en ekstra HTTP anmodning for at hente stilarket - men efterfølgende anmodninger vil blive behandlet hurtigere, fordi browseren allerede har hentet stilarket.

Hvis man i stedet havde valgt, at bruge Interne Stilark, altså at inkludere CSSen direkte i HTMLen, så ville den blive downloadet igen og igen for hver ny side som skal vises.

Sådan linker du til CSS filer

I toppen af dine HTML filer kan du linke til eksterne CSS filer, det bliver normalt gjort i head sektionen ved hjælp af link elementet.

<link rel="stylesheet" type="text/css" href="mit-stilark.css">

Men det kan også gøres ved hjælp af @import reglen, i et style element, som også placeres i head sektionen.

<style type="text/css">
  @import url("mit-stilark.css");
</style>

Links

  1. Absolutte og Relative Stier