Læringsportal for frontend-utviklere

Læringsportal for frontend-utviklere

Frontend grunnlag: HTML, CSS og JavaScript. Bygg moderne nettsider.

Start med HTML Utforsk CSS Gi liv med JavaScript Mer om meg
Illustrasjon av webutvikling

CSS-koden

Sticky header

🧭 6. Header og navigasjon

Effekt: ...

headeren følger med når man scroller
semi-transparent med «glass-effekt»



Hero css Grid layout

7. Hero-seksjonen

Hero-seksjonen: Gir god luft rundt seksjonen. ...

Grid-layout:
venstre: tekst
høyre: bilde
fleksibel bredde (280px – 520px)



Footer css

🦶 10. Footer

Footer skiller seg tydelig fra hovedinnholdet med: ...

topp-border
grå tekst
godt med luft



CSS Box Model illustrasjon

CSS Box Model Properties

Én verdi: 6 piksler bred kant på alle fire sider.

To forskjellige verdier: 2 piksler bred topp- og bunnkant, 10 piksler bred høyre og venstre kant.

...

Tre forskjellige verdier: 0.3em øverst, 9 piksler nederst og 0 bredde på høyre og venstre side.

Fire forskjellige verdier: "thin" øverst, "medium" høyre, "thick" nederst og 1em venstre.