Inledning: Fördelar

Vad är stilmallar
Hur är CSS-skolan uppbyggd?

Först en nackdel

Webbläsare som är äldre än version 4 klarar inte CSS. Netscape 4 har ett mycket begränsat stöd för CSS och det den förstår tolkar den ofta fel. Men i dag kan du lugnt utgå från att minst 98 procent av dina besökare har en webbläsare i version 4 eller bättre, och att minst 95 procent ser dina sidor som du har tänkt dig.

Snabbare sidor

Eftersom alla formateringar kan placeras i en egen fil, som laddas en enda gång och sedan finns tillgänglig när besökaren flyttar från en av dina sidor till nästa, kommer sidorna att bli mer snabbladdade.

Formatera text, färger och mycket annat i en enda fil

Du gör allt i stilmallen i stället för att upprepa formateringen gång på gång i varenda HTML-sida. Även om din webbplats består av 100 HTML-sidor kan du gå in i denna enda fil och göra ändringar där. När du har skickat upp den förändrade filen till servern, kommer den att påverka alla HTML-sidor som är kopplade till stilmallen.

Formatera texten som i ordbehandlaren

Med CSS är du inte begränsad till de sju textstorlekar som HTML-koden medger. I stället kan du ange storleken, utseende, indrag och mycket annat lika exakt som i ordbehandlaren.

Ge webbplatsen ett enhetligt utseende

Detta är viktigt - eftersom just den layout du har skapat blir som ett varumärke. Den som besöker din webbplats känner igen sig - och dig - på färger, teckensnitt och allt annat som är specifikt för din webbplats.

Placera innehållet exakt där du vill ha det

Med enbart HTML-kod är möjligheterna att placera sidans innehåll mycket begränsade. Med CSS kan du placera det var du vill. Det som skall visas högst upp på sidan kan du om du så vill placera längst ned i koden. Eftersom du kan modifiera egenskaperna för placeringen med hjälp av JavaScript, kan du till och med flytta omkring innehållet efter att sidan har laddats färdigt!

Utnyttja lager

Du kan definiera lager som sedan kan läggas ovanpå varandra, till exempel så att det ena lagret döljer det andra. Det här kan du bland annat utnyttja för att skapa menyer, där innehållet i menyn syns först när besökaren pekar eller klickar på den.

Åstadkom effekter som vanlig HTML-kod inte klarar

Med stilmallar kan du åstadkomma effekter som det inte går att skapa med HTML-kod. Nedan ser du ett exempel. Det som ser ut att vara en bild är i själva verket två textrader som har förskjutits både horisontellt och vertikalt i förhållande till varandra.

SupportData.Net

Bästa skolorna på Internet

I Netscape fungerar förskjutningen i horisontalplanet, men inte den vertikala uppflyttningen av andra textraden.

Vad är stilmallar
Hur är CSS-skolan uppbyggd?