Summary  
This chapter introduces Cascading Style Sheets (CSS) as a language for separating content structure from visual presentation by using selectors and declaration blocks to define properties like colors, spacing, and fonts.  

General domain of usage  
Web development

HTML definerer strukturen og indholdet på en webside.
CSS definerer, hvordan dette indhold præsenteres.

Mens HTML organiserer elementer såsom overskrifter, afsnit og billeder, **styrer CSS** deres **udseende**, herunder farver, afstand, skrifttyper, justering og layout.

Sammen udgør HTML og CSS grundlaget for moderne webudvikling.

CSS står for Cascading Style Sheets.
Det er et stylesheet-sprog, der bruges til at beskrive, hvordan HTML-elementer skal vises i en browser.

Definition

Med CSS kan du:
- Ændre tekst- og baggrundsfarver;
- Justere afstand mellem elementer;
- Kontrollere skrifttyper og typografi;
- Oprette layouts;
- Tilføje visuelle effekter.

CSS ændrer ikke strukturen af et dokument.
Det styrer, hvordan denne struktur ser ud.

## Grundlæggende CSS-syntaks
En CSS-regel består af en selector og et deklarationsblok.<br>
Eksempel:
```css
p {
  color: purple;
  background-color: green;
}
```
Forklaring:
- `p` er selector. Den retter sig mod alle `<p>`-elementer;
- `color: purple;` angiver tekstfarven;
- `background-color: green;` angiver baggrundsfarven.

Hver deklaration følger dette format: `property: value;`

Du vil udforske selectors, egenskaber og værdier mere detaljeret i kommende kapitler.

Behersk det grundlæggende i CSS, sproget til styling, der forvandler udseendet og oplevelsen af websider. Udforsk kernekoncepter såsom tekststilarter, farver, afstand, box-modellen, Flexbox og dekorative effekter. Opbyg færdigheder til at skabe visuelt engagerende og velstrukturerede websider.

Forstå, hvordan CSS forbindes til HTML, og hvordan stilarter anvendes gennem selektorer.
Anvendelse af farver, tekstformatering og hover-effekter til at kontrollere visuel præsentation.

Forbedring af typografi ved hjælp af linjehøjde, afstand, skrifttypeegenskaber og brugerdefinerede skrifttyper. Kontrol af skrifttypefamilier, vægt, stil og størrelse for øget læsbarhed.

Styring af layoutstruktur ved hjælp af margin, padding, kanter og breddeegenskaber. Forståelse af boksstørrelsesadfærd og elementvisningstyper såsom blok, inline og inline-blok.

Styring af horisontale og vertikale layouts ved hjælp af Flexbox-egenskaber. Justering af retning, justering og afstand for at strukturere UI-komponenter.

Forbedring af layouts ved brug af baggrundsfarver, billeder, pseudo-elementer og skygger. Styling af visuelle komponenter for dybde og kontrast.

Hvad CSS Er, og Hvorfor Det Er Vigtigt

Hvad er CSS?

Grundlæggende CSS-syntaks