Meny

Hovedsiden

Om Martin

Ta kontakt

Foto

RSS

Innhold i CSS

CSS-instruksjoner består av følgende:

• Statement
• Selector
• Deklarasjon av egenskaper (properties)

Noen typer statements:

• @rules
• @import
• @media
• @page
• Kommentarer
• Regler

@rules

@rules er en instruksjon som sendes nettleseren når (X)HTML-dokumentet lastes. @rules foreller nettleseren først og fremst noe om oppførsel, fremfor utseende.

@import

@import forteller nettleseren at den skal hente CSS-instruksjoner fra et annet sted, og kan benyttes både i stilsett som er angitt i hodet, eller i eksterne CSS-filer.

1. @import url(http://www.bekkelund.net/cssfil.css);

@media

@media ble introdusert med CSS2, og støttes bl.a. ikke av Internet Explorer. @media beskriver hvilket medie stilinstruksjonen skal gjelde for, for eksempel "screen" for skjermvisning, "print" for papir, "handheld" for håndholdte enheter, "aural" for høytlesning, osv.

1. @media print {
2. body {
3. background-color: silver;
4. }
5. }

@page

@page benyttes for utskrift på papir og styrer et sett utskriftsspesifikke statements.

1. @page {
2. margin: 5%
3. }

Oppbygging av en regel eller regelsett

Et vanlig statement, for eksempel et regelsett, kan være en komplett CSS-instruksjon bestående av selectorer med egenskaper, verdier og enheter, og er bygget opp omtrent som følger:

I eksemplet over forteller vi at (X)HTML-elementet "body" skal ha en indre ramme på 10 piksler, skal benytte fontene "Georgia", "Palatino" eller en serif font, samt ha bakgrunnsfargen "silver"

En CSS-fil vil normalt bestå av flere statements, og være oppbygget omtrent på denne måten:

Merk følgende:

• En CSS-fil kan bestå av mange statements.
• Et statement kan kun bestå av én selector.
• En selector kan ha mange egenskaper.
• En egenskap kan kun ha én verdi og én enhet.