Inledning: Vad är stilmallar?

Fördelar
Hur är CSS-skolan uppbyggd?

CSS - Cascading Style Sheets - används för att skilja innehållet från layouten på webbsidorna. Man definierar teckensnitt, teckenstorlek, färger, indrag och liknande i "stilar" - styles - som sedan anropas från HTML-koden.

Varje stil får sitt eget namn och varje sådan definierad stil blir en selektor. Det är dessa selektorer som anropas från HTML-sidan.

Skillnaden i HTML-koden kan bli mycket stor. Jämför exemplen med tabellen nedan - först den traditionella HTML-koden utan användning av CSS:

<TABLE BORDER="1" ALIGN="center" WIDTH="300" CELLSPACING="1" CELLPADDING="3"> <TR> <TD WIDTH="100%" BGCOLOR="#008000"><FONT FACE="Arial" SIZE="2" COLOR="#F0F0F0"><B>En text i första raden</B></FONT></TD> </TR> <TR> <TD WIDTH="100%" BGCOLOR="#008000"><FONT FACE="Arial" SIZE="2" COLOR="#F0F0F0"><B>En text i andra raden</B></FONT></TD> </TR> <TR> <TD WIDTH="100%" BGCOLOR="#008000"><FONT FACE="Arial" SIZE="2" COLOR="#F0F0F0"><B>En text i tredje raden</B></FONT></TD> </TR> </TABLE>

Sedan koden för samma tabell om sidan är kopplad till en global stilmall - alltså en mall som gäller för en hel webbplats:

<TABLE> <TR><TD>En text i första raden</TD></TR> <TR><TD>En text i andra raden</TD></TR> <TR><TD>En text i tredje raden</TD></TR> </TABLE>

Skillnaden är inte jättestor om man bara har en enda sida med en eller ett par tabeller. Men när du har gått igenom den här skolan kommer du säkert att hålla med mig när jag säger att det egentligen bara finns en anledning att inte använda stilmallar: Att man inte kan. Och vid det laget kan du.

Fördelar
Hur är CSS-skolan uppbyggd?