## Oppgave
Vi skal style en bloggside. Målet er som følger:
1. Definer fargen i `:root`-blokken:
   - Opprett en variabel med navnet `--description-color` og tildel den verdien `#9e6f21`.
2. Bruk variabelen `--description-color` som verdi for `color`-egenskapen på `<p>`-elementer med klassen `.description`.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxoZWFkZXI+CiAgICAgIDxoMT5CbG9nPC9oMT4KICAgICAgPG5hdj4KICAgICAgICA8dWw+CiAgICAgICAgICA8bGk+PGEgY2xhc3M9ImxpbmsiIGhyZWY9IiMiPkhvbWU8L2E+PC9saT4KICAgICAgICAgIDxsaT48YSBjbGFzcz0ibGluayIgaHJlZj0iIyI+QWJvdXQ8L2E+PC9saT4KICAgICAgICAgIDxsaT48YSBjbGFzcz0ibGluayIgaHJlZj0iIyI+Q29udGFjdDwvYT48L2xpPgogICAgICAgIDwvdWw+CiAgICAgIDwvbmF2PgogICAgPC9oZWFkZXI+CgogICAgPG1haW4+CiAgICAgIDxhcnRpY2xlPgogICAgICAgIDxoMiBjbGFzcz0idGl0bGUiPkZpcnN0IEJsb2cgUG9zdDwvaDI+CiAgICAgICAgPHAgY2xhc3M9ImRlc2NyaXB0aW9uIj4KICAgICAgICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIE51bGxhbSBzaXQKICAgICAgICAgIGFtZXQgYXVndWUgbGliZXJvLiBOYW0gY29uc2VjdGV0dXIgbGVjdHVzIGEgZG9sb3IgYmliZW5kdW0sIG5vbgogICAgICAgICAgZXVpc21vZCBudWxsYSB1bGxhbWNvcnBlci4KICAgICAgICA8L3A+CiAgICAgIDwvYXJ0aWNsZT4KCiAgICAgIDxhcnRpY2xlPgogICAgICAgIDxoMiBjbGFzcz0idGl0bGUiPlNlY29uZCBCbG9nIFBvc3Q8L2gyPgogICAgICAgIDxwIGNsYXNzPSJkZXNjcmlwdGlvbiI+CiAgICAgICAgICBDdXJhYml0dXIgZGljdHVtIHBoYXJldHJhIG5pc2wgdmVsIGRhcGlidXMuIER1aXMgZXQgcHVydXMgdmVsIHRlbGx1cwogICAgICAgICAgc29kYWxlcyBjb25ndWUuIE51bmMgZ3JhdmlkYSBhdWd1ZSB2ZWwgZXggbHVjdHVzLCBlZ2V0IHZlc3RpYnVsdW0gbmlzbAogICAgICAgICAgbW9sZXN0aWUuCiAgICAgICAgPC9wPgogICAgICA8L2FydGljbGU+CiAgICA8L21haW4+CgogICAgPGZvb3Rlcj4KICAgICAgPHA+JmNvcHk7IDIwMjQgQmxvZy4gQWxsIHJpZ2h0cyByZXNlcnZlZC48L3A+CiAgICA8L2Zvb3Rlcj4KICA8L2JvZHk+CjwvaHRtbD4=

LyogU2V0IHRoZSBzdHlsZXMgaGVyZSAqLwoKOnJvb3QgewogIC0tbGluay1jb2xvcjogIzE5YTdjZTsKICAtLXRpdGxlLWNvbG9yOiAjMTQ2Yzk0OwogIC8qIENoYW5nZSBjb2RlIGJlbG93IHRoaXMgbGluZSAqLwogIF9fXzogX19fOwogIC8qIENoYW5nZSBjb2RlIGFib3ZlIHRoaXMgbGluZSAqLwp9CgoubGluayB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIG1hcmdpbjogMTBweDsKICBjb2xvcjogdmFyKC0tbGluay1jb2xvcik7Cn0KCi50aXRsZSB7CiAgY29sb3I6IHZhcigtLXRpdGxlLWNvbG9yKTsKfQoKLyogQ2hhbmdlIGNvZGUgYmVsb3cgdGhpcyBsaW5lICovCl9fXyB7CiAgX19fOiBfX187Cn0=

- Bruk `--` etterfulgt av et beskrivende navn for å opprette en variabel, deretter angi `:` og tilordne en verdi.
- Tilordne verdien `#9e6f21` til variabelen.
- Benytt `var()`, og spesifiser variabelnavnet i parentesen for å bruke variabelen som en egenskapsverdi.

LyogU2V0IHRoZSBzdHlsZXMgaGVyZSAqLwoKOnJvb3QgewogIC0tbGluay1jb2xvcjogIzE5YTdjZTsKICAtLXRpdGxlLWNvbG9yOiAjMTQ2Yzk0OwogIC0tZGVzY3JpcHRpb24tY29sb3I6ICM5ZTZmMjE7Cn0KCi5saW5rIHsKICB0ZXh0LWRlY29yYXRpb246IG5vbmU7CiAgbWFyZ2luOiAxMHB4OwogIGNvbG9yOiB2YXIoLS1saW5rLWNvbG9yKTsKfQoKLnRpdGxlIHsKICBjb2xvcjogdmFyKC0tdGl0bGUtY29sb3IpOwp9CgouZGVzY3JpcHRpb24gewogIGNvbG9yOiB2YXIoLS1kZXNjcmlwdGlvbi1jb2xvcik7Cn0=

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.

Utfordring: Bruk Variabler for Bedre CSS-håndtering

Oppgave

Utfordring: Bruk Variabler for Bedre CSS-håndtering

Oppgave