CSS Tutorial
Af Jonas Astrup, HTML.dk
Sidst opdateret d. 6. januar 2001
Indhold:
- Introduktion
- Om hvad du kan forvente at lære, og hvilke forudsætninger der kræves for at benytte tutorialen.
- Lektion 1: Hvad er CSS?
- Lidt om baggrunden for CSS, og hvorfor det er smart at bruge CSS fremfor HTML til layout og design.
- Lektion 2: Hvordan fungerer CSS?
- Vi kigger på den grundlæggende syntaks og laver vores første stylesheet.
- Lektion 3: Farver og baggrunde
- I denne lektion vil vi kigge nærmere på muligheder for at benytte farver, baggrundsfarver og baggrundsbilleder.
- Lektion 4: Fonte
- Denne lektion handler om de mange muligheder CSS giver for at specificere fonte og font familier.
- Lektion 5: Tekst
- Om hvordan man tilføjer layout til tekst, f.eks. justeringer, dekorationer, m.v.
- Lektion 6: Links
- Om hvordan man arbejder med pseudo-classes og links - herunder forskellige effekter.
- Lektion 7: Identifikation af elementer (class og id)
- Gruppering og identifikation af enkelte elementer med selektorerne class og id.
- Lektion 8: Elementer til gruppering (span og div)
- Span og div er elementer til gruppering af et HTML-dokument. Benyttes ofte i forbindelse med CSS.
- Lektion 9: Boks modellen
- Boksmodellen beskriver hvordan hvert HTML-element udgør en boks, som kan justeres med CSS.
- Lektion 10: Boks modellen - margin & padding
- Sådan sætter du margin og padding på HTML-elementer med CSS.
- Lektion 11: Boks modellen - kanter
- Lær om de mange forskellige muligheder for at definere kanter - eller borders - på HTML-elementer.
- Lektion 12: Boks modellen - Højde og bredde
- Definer højde og bredde for HTML-elementer med CSS.
- Lektion 13: Flydende elementer (floats)
- Et element kan flyde til højre eller venstre med egenskaben float.
- Lektion 14: Positionering af elementer
- Med CSS positionering kan man placere elementer meget nøjagtigt i dokumentet.
- Lektion 15: Lag på lag med z-index (Layers)
- Layers giver mulighed for at lade forskellige elementer overlappe hinanden.
- Lektion 16: Validér efter W3C's standarder
- Denne sidste lektion handler om W3C-standarderne - og hvordan du validerer din CSS.
Til Introduktion >>
