CSS - Grunnleggende Syntax

CSS (Cascading Style Sheets) brukes for å kontrollere utseendet på nettsiden. Mens HTML gir strukturen, gir CSS farger, fonter og layout.

Oppbygging av en CSS-regel

En CSS-regel består av en selector (velger) og en declaration block (deklarasjonsblokk).

h1 {
   color: blue;
 }

Selector: h1 peker på HTML-elementet du vil stile (her alle <h1>).
Property: color er egenskapen du vil endre.
Value: blue er verdien du setter egenskapen til.

Viktige Egenskaper

Noen av de mest brukte egenskapene i CSS:

color: Setter fargen på teksten.
background-color: Setter bakgrunnsfargen.
font-size: Bestemmer størrelsen på teksten (f.eks. 16px).
margin: Lager plass på utsiden av elementet.
padding: Lager plass på innsiden av elementet (mellom innhold og kant).

🗝️ Sentrale Begreper

Selector: Mønsteret som brukes for å velge element(er).
Property: Hva du vil endre (f.eks. farge, bredde).
Value: Hvordan du vil endre det (f.eks. rød, 100px).
Cascading: Reglene for hvilket stilsett som "vinner" hvis flere gjelder samme element.