Tre måder at bruge CSS i HTML

Ekstern CSS Fil.
Intern CSS i dokument.
Inline CSS definition i style attribut.

Intern definition

Som eksempel er der lavet en intern definition, der ændrer skriften til kursiv for h3 elementer.

Selectors

Der er flere måde at udvælge elementer vha. selectors. De mest almindelige er:

Direkte ved hjælp af navn på elementet.
Ved brug af en klasse.
Ved brug af et ID.

Element

Man kan bruge html elementer direkte som selector, så vil alle elementer der matches bruge samme stil.

Dette er lavet som eksempel i dette dokument, med div elementer Der bliver vist som indrammede kasser.

Klasse

Man kan bruge selectors til at vælge bestemte html elementer vha. deres navn. Dette er lavet som eksempel i dette dokument, med div elementer Der bliver vist som indrammede kasser.

Man kan bruge html elementer direkte som selector, så vil alle elementer der matches bruge samme stil.

Selector med ID

Man kan vælge at tildele et ID som en attribut til et element, og bruge det til styling.

For denne blok er stilen lavet med et ID

Bemærk: at et id skal være unikt indefor et dokument.

Klasser fortsat

Man kan bruge Samme klasse flere steder i sit dokument.