Cascading Style Sheets
- En (forældet) guide til CSS
Bemærk! Indholdet på denne side er i nogen grad forældet og bør derfor ikke læses som eneste introduktion til emnet.
Trin 0: Forklaring
CSS - der står for Cascading Style Sheets, dvs. "hierakiske" typografiark - er et meget simpelt "programmeringssprog". Eller det vil sige, det er slet ikke noget programmeringssprog, men det er yderst anvendeligt til at gøre HTML-sider rare at se på.
De fleste af os har jo nok prøvet at sætte noget op i HTML, i håbet om at få det til at se pænt ud ved flere forskellige vinduesstørrelser.
Resultatet er sjældent blevet noget at skrive hjem om! Men nu skal det fandme være slut, sgu! Med CSS er det lige så nemt som at klø sig i .....
at sætte noget pænt op. Sammen med JavaScript kan man faktisk lave nogle meget fede effekter. (Denne blanding er en stor del af DHTML!)
Et eksempel på dette er de såkaldte "Hiermenu's" - altså dem, hvor der kommer et lille område frem med diverse valgmuligheder.
Det skal lige nævnes, at dette afsnit omhandler CSS2, som det kun er nyere browsere, der forstår fuldt ud. Der sker dog ikke noget ved at indsætte CSS2, selvom browseren "kun" forstår CSS1 - den vil bare ignorere det!
Denne guide indeholder følgende afsnit, som du kan springe rundt i ved at bruge menuen til højre:
- Trin 0: Forklaring - denne side, der indeholder lidt om, hvad CSS egentlig er.
- Trin 1: At bruge styles - her lærer du at indsætte dine styles i HTML-dokumenter på flere forskellige måder.
- Trin 2: Selektorer, classes samt id'er - her lærer du at udnytte stylesheets vha. selektorer, classes samt id'er.
- Trin 3: Egenskaber og værdier (del 1) - her beskrives de værdier, der kan knyttes til de forskellige CSS-egenskaber.
- Trin 4: Egenskaber og værdier (del 2) - dette er fortsættelsen til trin 3.
- Trin 5: Kun egenskaber - oversigt, der KUN indeholder egenskaberne fra trin 3 og trin 4.