Stilmallskoden i exemplena i detta kapitel följer standarden "Cascading Style Sheets, Level 2.1".
Det finns huvudsakligen tre sätt att komplettera en HTML-sida med stilmallsinformation.
- Stilmallen läggs i en separat fil, som anropas av en HTML-fil. Flera HTML-filer kan använda samma stilmallsfil.
- Stilmallen läggs i HTML-filens
<head>-avsnitt, och påverkar bara HTML-koden i just den webbsidan. - Stilmallen läggs inbäddad i HTML-koden i HTML-filen, och påverkar bara just det HTML-kodavsnittet den ligger i.
I tidigare kapitel har vi sett exempel på det andra alternativet, med stilmallskoden i webbsidans huvudavsnitt. Det första alternativet, med en separat fil för stilmallen är kanske lite otympligare än de två andra, där stilmallsreglerna läggs in i HTML-koden på olika sätt, men är ändå den i längden vettigaste metoden.
Om du t.ex har många sidor i din webbplats, och låter alla dessa sidor hämta sin stilinformation från en och samma stilmallsfil är det mycket enkelt att ändra och anpassa den gemensamma stilen för hela webbplatsen genom ändringar i en enda fil. Med de två andra metoderna med lokal stilinformation i varje HTML-sida blir arbetet att upprätthålla en konsekvent stil orimligt och onödigt stort.
En god rekommendation är således att du redan från början vänjer dig vid att skriva separata stilmallsfiler, och bara faller tillbaka på de två andra, i HTML-koden integrerade metoderna i nödfall, t.ex vid hastig uttestning av finesser.
Låt oss titta på de tre alternativen i detalj, det mest rekommenderade först, separata stilmallsfiler.
FAVELETS
- HTTP-data:
© 1995-2013 Hans Mühlen
Kontaktadress: hvzm physto.se
Kurserna ges av Fysikum vid Stockholms universitet.
Senast uppdaterad 30 april 2007
106 91 Stockholm, Sverige
106 91 Stockholm, Sverige
104 06 Stockholm, Sverige