Summary  
This chapter covers the three methods of applying CSS to HTML—inline styles, embedded style sheets, and external style sheets—and explains how to link external CSS files using the `<link>` element.  

General domain of usage  
Front-end web development.

## Afsløring af de tre CSS-veje
Det visuelle udtryk på en webside afhænger af samspillet mellem HTML og CSS. Disse teknologier arbejder på tre forskellige måder for at style indhold: **inline-stilarter**, **indlejrede typografiark** og **eksterne typografiark**. Her gennemgås hver metode med fokus på deres styrker og begrænsninger.

## Inline-stilarter
Inline-stilarter anvender CSS direkte på et element via `style`-attributten. De er hurtige at bruge, men kan ikke genanvendes.

PHAgc3R5bGU9ImNvbG9yOiBibHVldmlvbGV0Ij5MZXQncyB1c2UgaW5saW5lIHN0eWxlcyBhbmQgY2hlY2sgdGhlIHJlc3VsdDwvcD4=

Her påvirker `color: blueviolet` kun dette specifikke `<p>`-element.

## Indlejret typografiark
Et indlejret typografiark placeres i `<head>`-sektionen af et HTML-dokument ved hjælp af `<style>`-tags. Det anvendes kun på den aktuelle side.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxzdHlsZT4KICAgICAgcCB7CiAgICAgICAgY29sb3I6IGJsdWV2aW9sZXQ7CiAgICAgICAgZm9udC1zaXplOiAzNnB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxwPldlIHdvcmsgd2l0aCBhbiBlbWJlZGRlZCBzdHlsZSBzaGVldCBpbiB0aGUgaGVhZCBvZiBIVE1MLjwvcD4KICA8L2JvZHk+CjwvaHRtbD4=

Alle `<p>`-elementer på denne side modtager den definerede farve og skriftstørrelse.

## Eksternt stilark
Ekstern CSS er den mest skalerbare og foretrukne metode. Du gemmer stilarter i en separat `.css`-fil og linker til den ved hjælp af `<link>` i `<head>`.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDwhLS0gV2UgY2FuIGFkZCBtdWx0aXBsZSBsaW5rcyB0byBDU1Mgc3R5bGUgc2hlZXRzIGlmIG5lZWRlZC4gLS0+CiAgICA8bGluayByZWw9InN0eWxlc2hlZXQiIGhyZWY9InN0eWxlcy5jc3MiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHA+V2Ugd29yayB3aXRoIGFuIGV4dGVybmFsIHN0eWxlIHNoZWV0IGNvbm5lY3RlZCBpbiB0aGUgaGVhZC48L3A+CiAgPC9ib2R5Pgo8L2h0bWw+

cCB7CiAgY29sb3I6IGJsdWV2aW9sZXQ7CiAgZm9udC1zaXplOiAzNnB4Owp9

Den eksterne fil indeholder genanvendelige regler for hele projektet. Attributten `rel="stylesheet"` angiver, at dette link indlæser en CSS-fil.

Inline-stilarter: hurtige, men ikke genanvendelige.

Indlejret stilark: nyttigt til styling af enkelte sider

Eksternt stilark: bedst til større eller flersidede projekter

Resumé

Hvilke måder findes der til at tilføje stilarter til HTML-dokumentet?

Behersk det grundlæggende i CSS (Cascading Style Sheets), sproget til at style og ændre udseendet af websider. Udforsk kernekoncepter som tekstformatering, farver, afstande, box-modellen, Flexbox og dekorative effekter. Opbyg kompetencer til at skabe visuelt tiltalende og velstrukturerede websider. Ideel for begyndere, der ønsker et solidt fundament i CSS.

Lær hvad CSS er, hvordan det forbindes med HTML, og hvordan HTML-elementer styles ved hjælp af selektorer. Udforsk grundlæggende begreber som tekstfarver, brugerhandlings-pseudoklasser og variabler i CSS.

Opdag, hvordan du kan formatere og style tekst på dine websider. Lær at anvende brugerdefinerede skrifttyper og udforsk forskellige skrifttypeegenskaber for at forbedre tekstens udseende.

Lær det grundlæggende om boksmodellen, som definerer layout og afstand for elementer på en webside. Udforsk begreber som boksstørrelse, tilføjelse af afstand til elementer, arbejde med blok- og inline-elementer samt anvendelse af strukturelle og funktionelle pseudoklasser til avanceret styling.

Opdag Flexbox, en effektiv CSS-layoutmetode til at arrangere elementer i rækker og kolonner. Lær at kontrollere retning, justering og afstand af elementer horisontalt og vertikalt samt tilpasse individuelle flex-elementer for præcise layouts.

Lær, hvordan du forbedrer det visuelle udtryk på dine websider med CSS. Udforsk teknikker til anvendelse af baggrundsfarver og -billeder, billedstyling, brug af dekorative pseudo-elementer samt tilføjelse af skygger for at skabe imponerende designs.

Tilknytning af CSS til et HTML-dokument

Afsløring af de tre CSS-veje

Inline-stilarter

Indlejret typografiark

Eksternt stilark

Tilknytning af CSS til et HTML-dokument

Afsløring af de tre CSS-veje

Inline-stilarter

Indlejret typografiark

Eksternt stilark