Formatmallar Cascading Style Sheets

Stylesheets är ett slags formatmallar som gör det möjligt att kontrollera layouten på en webbsida. Det vanligaste språket för att skriva formatmallar är Cascading Style Sheeets, som oftast förkortas till CSS.

Stylesheets är bra att använda sig av när man vill ha kontrolll över presentationen av en sida. Det är möjligt att bestämma den typografiska utformningen av hur dokumenten skall presenteras oavsett webbläsare, bildskärmstyp, m.m. Man kan anpassa dokumtet till andra medier, t.ex. skrivare, om man vill att dokumentets layout inte skall förändras vid utskrift. Men det går också bra att ha olika mallar för ett och samma dokument, viklet gör det möjligt att få olika utseende på skärmen och på utskrifter.

På följande sidor beskrivs hur det med hjälp av CSS har det blivit enklare att formge ett dokument. Grunderna och dom viktigaste märkena och attributen bekrivs. Vidare får man lära sig de olika egenskaper och värdena man kan använda sig av för att utforma sidan.

Grunder i CSS
Med hjälp av CSS har det blivit enklare att formge ett dokument. På denna sidan beskrivs grunderna och dom viktigaste märkena och attributen..

CLASS och ID
Man kan utforma flera olika stiltyper i ett och samma dokument, vilket man kan lära sig på denna sida. Vidare beskrivs de olika måttenheterna man kan använda sig av i CSS. Till sist får man veta vilka olika sätt man kan ange färger i CSS.

Teckensnitt i CSS
Här kan man lära sig hur man bestämmer vilket teckensnitt man vill ha med hjälp av CSS. Vidare beskrivs hur man anger stil, kursivt eller normal. Här tittas också på hur man bestämmer texttjockleken och textstorleken.

Text i CSS
På denna sida går man igenom hur man kan utforma sin text med hjälp av CSS. Man kan styra mellanrummet mellan bokstäverna, ge en dekoration till texten, justera texten, göra textindrag, ange radavstånd, och göra anfang.

Länkar och muspekare i CSS
Denna sida beskriver hur man med hjälp av CSS kan utforma länkarna på sin hemsida. Med hjälp av CSS kan man också välja mellan ett antal olika musmarkörer som man kan applicera på sina länkar och som visar sig när besökaren håller muspekaren över länken.

Marginaler, stoppning och ramar i CSS
Här tittar vi närmare på marginaler som anger mellanrummet mellan ett element och andra element eller skärmkanten. Här beskrivs också stoppning (padding) som åstadkommer ett tomt utrymme mellan själva elementet och texten. Vidare beskriver sidan vilka typer ramar för ett element man kan välja emellan. Nan kan också lära sig hur man anger höjden och bredden för ett element.

Placeringsegenskaper och bakgrunder i CSS
Den här sidan beskriver vilka möjligheter man har att placera textavsnitt och bilder med hjälp av CSS. Vidare beskriver sidan hur man applicerar bakgrundsfärger eller bakgrundsbilder på sin sida eller vissa delar av den, typ textavsnitt, tabeller m.m..

Listor och tabeller i CSS
Med hjälp av CSS har man utökade möjligheter att formge listor och tabeller. På denna sida gås de olika egenskaperna och värdena igenom.

Visuella filter i CSS
I CSS kan man applicera olika slags filter på text teckningar och foton. Den här sidan beskriver detta närmare.

Övergångsfilter
I PowerPoint och liknande program kan man använda sig av olika övergångar när en bild eller en text ska visas. I Internet Explorer är det nu möjligt att med hjälp av CSS åstadkomma denna effekt. På denna sida visas exempel på detta.

Klicka på knapparna för att backa tillbaka eller för att läsa vidare om HTML-guiden.