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.

## Avdekking av de tre veiene for CSS
Det visuelle uttrykket til en nettside avhenger av samspillet mellom HTML og CSS. Disse teknologiene brukes på tre ulike måter for å style innhold: **inline-stiler**, **innebygde stilark** og **eksterne stilark**. La oss utforske hver tilnærming, med vekt på deres styrker og begrensninger.

## Inline-stiler
Inline-stiler bruker CSS direkte på et element via `style`-attributtet. De er raske å bruke, men kan ikke gjenbrukes.

PHAgc3R5bGU9ImNvbG9yOiBibHVldmlvbGV0Ij5MZXQncyB1c2UgaW5saW5lIHN0eWxlcyBhbmQgY2hlY2sgdGhlIHJlc3VsdDwvcD4=

Her påvirker `color: blueviolet` kun dette spesifikke `<p>`-elementet.

## Innebygd stilark
Et innebygd stilark plasseres inne i `<head>`-delen av et HTML-dokument ved å bruke `<style>`-tagger. Det gjelder kun for den aktuelle siden.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxzdHlsZT4KICAgICAgcCB7CiAgICAgICAgY29sb3I6IGJsdWV2aW9sZXQ7CiAgICAgICAgZm9udC1zaXplOiAzNnB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxwPldlIHdvcmsgd2l0aCBhbiBlbWJlZGRlZCBzdHlsZSBzaGVldCBpbiB0aGUgaGVhZCBvZiBIVE1MLjwvcD4KICA8L2JvZHk+CjwvaHRtbD4=

Alle `<p>`-elementer på denne siden får den definerte fargen og skriftstørrelsen.

## Ekstern stilark
Ekstern CSS er den mest skalerbare og foretrukne metoden. Du lagrer stilene i en separat `.css`-fil og kobler den til med `<link>` i `<head>`.

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

cCB7CiAgY29sb3I6IGJsdWV2aW9sZXQ7CiAgZm9udC1zaXplOiAzNnB4Owp9

Den eksterne filen inneholder gjenbrukbare regler for hele prosjektet. Attributtet `rel="stylesheet"` indikerer at denne lenken laster inn en CSS-fil.

Inline-stiler: raskt, men ikke gjenbrukbart.

Innebygd stilark: nyttig for stilsetting av enkeltsider

Eksternt stilark: best for større eller flersidige prosjekter

Sammendrag

Hvilke måter finnes for å legge til stiler i et HTML-dokument?

Lær det grunnleggende i CSS (Cascading Style Sheets), stilsett-språket som forvandler utseendet og følelsen til nettsider. Utforsk kjernebegreper som tekststiler, farger, mellomrom, boksmodellen, Flexbox og dekorative effekter. Bygg ferdigheter for å lage visuelt tiltalende og godt strukturerte nettsider. Perfekt for nybegynnere som ønsker et solid grunnlag i CSS.

Lær hva CSS er, hvordan det kobles til HTML, og hvordan HTML-elementer styles ved hjelp av selektorer. Utforsk grunnleggende konsepter som tekstfarger, brukerhandlings-pseudoklasser og variabler i CSS.

Utforsk hvordan du kan style og formatere tekst på nettsidene dine. Lær å bruke egendefinerte skrifttyper og undersøk ulike skriftegenskaper for å forbedre tekstens utseende.

Lær det grunnleggende om boksmodellen, som definerer oppsett og avstand for elementer på en nettside. Utforsk konsepter som boksstørrelse, å legge til avstand til elementer, arbeid med blokk- og linjeelementer, samt bruk av strukturelle og funksjonelle pseudoklasser for avansert styling.

Utforsk Flexbox, en kraftig CSS-metode for å arrangere elementer i rader og kolonner. Lær hvordan du kontrollerer retning, justering og avstand mellom elementer horisontalt og vertikalt, samt tilpasser individuelle flex-elementer for presise oppsett.

Lær hvordan du kan forbedre det visuelle uttrykket på nettsidene dine med CSS. Utforsk teknikker for å bruke bakgrunnsfarger og bakgrunnsbilder, style bilder, benytte dekorative pseudo-elementer og legge til skygger for å skape imponerende design.

Koble CSS til et HTML-dokument

Avdekking av de tre veiene for CSS

Inline-stiler

Innebygd stilark

Ekstern stilark

Koble CSS til et HTML-dokument

Avdekking av de tre veiene for CSS

Inline-stiler

Innebygd stilark

Ekstern stilark