Kebmans blogg

CSS syntaks

Posted in Teknologi, Webdesign by kebman on 09/11/2011

Et lite oppslag på hvordan CSS skal skrives.

Overordnet syntaks

Engelsk: selectors {declarations}
Norsk: velgere {deklarasjoner}

CSS består av velgere og deklarasjoner. Velgeren består av de  HTML-elementene man ønsker å velge. Deklarasjonene består av de designforandringene man ønsker å gjøre på valgte element, avgrenset av krøllparenteser.

HTML-elementer man kan velge er alle taggene, samt visse attributter og pseudoklasser.

Underordnede HTML-elementer arver design laget for overordnede HTML-elementer, så gjør du tekstfargen til body rød, vil også tekstfargen til p og h1 bli rød.

Generell syntaks

Engelsk: selector {property: value;}
Norsk: velger {egenskap: verdi;}

Som du kan se består hver deklarasjon av en egenskap og en påfølgende verdi. Hver deklarasjon skal avsluttes med semikolon.
Det finnes mange egenskaper du kan forandre design til. Farge (color) er bare én av dem. Sjekk ut W3Schools for mer om det.

Eksempel

h1, h2 {color: red; font-family: verdana, sans-serif;}

Her er elementene h1 og h2 valgt. Deretter er egenskapene «farge» (color) og «font familie» valgt og gitt en nye verdier. Som du ser kan man velge flere HTML-elementer, og velge flere egenskaper man gir nye designverdier.

Krøllparentes

På Mac trykker du shift+alt+( for å få krøllparentesen {. På PC trykker du AltGr+(.

NB! CSS skrives på American English, og derfor brukes f.eks egenskapen color (am. eng.) og ikke colour (brit. eng.).

Legg igjen en kommentar

Fyll inn i feltene under, eller klikk på et ikon for å logge inn:

WordPress.com-logo

Du kommenterer med bruk av din WordPress.com konto. Logg ut / Endre )

Twitter picture

Du kommenterer med bruk av din Twitter konto. Logg ut / Endre )

Facebookbilde

Du kommenterer med bruk av din Facebook konto. Logg ut / Endre )

Google+ photo

Du kommenterer med bruk av din Google+ konto. Logg ut / Endre )

Kobler til %s

%d bloggers like this: