CSS - Stilmallar Introduktion till CSS - Stilmallar
Historik
CSS - Cascading Style Sheets eller Stilmallar - Stylesheet's skapades som ett tillägg till HTML 4.0. Behovet av att kunna styra en webbsidas utseende mer exakt blev större och större.
Skaparna av de då största webbläsarna: Netscape och Internet Explorer lade till fler och fler taggar och attribut utöver den gällande HTML-standarden. Det ledde till att webbsidor blev komplicerade att skapa eftersom de taggar som styrde sidans utseende och layout skrevs in i själva HTML-koden på varje sida.
CSS 1 introducerades 1996 och kompletterades senare med CSS 2. CSS 1 innehåller koder för formatering och CSS 2 koder för olika lager och placering av element på sidan. Med CSS kan man alltså styra dels hur innehållet på webbsidan ska se ut, dels hur innehållet på en webbsida ska placeras.
Med tanke på att tekniken blev standard 1996 har det tagit lång tid för webbläsarna att hinna ikapp. Men numer stöder alla nyare webbläsare Cascading Style Sheets på ett bra sätt. Men kom ihåg att olika webbläsare fortfarande kan tolka vissa koder lite olika.
Vad är CSS?
Cascading Style Sheets är alltså ett komplement till HTML och gör det möjligt att på ett enkelt sätt styra layouten på en eller ett obegränsat antal webbsidor samtidigt och uppnå effekter som annars inte skulle vara möjliga.
Med Stilmallar är det möjligt att styra allt som gäller en sidas utseende. Placering av text och bilder som tidigare gjordes med hjälp av tabeller kommer så småningom att styras helt av CSS på de flesta webbsidor.
Det går alltså utmärkt att använda uteslutande CSS för att placera innehåll och skapa sin sidas layout. Det är också det som gäller om man vill koda enligt strict standard. Varken HTML Strict eller XHTML Strict tillåter att man styr utseende och placering direkt i HTML-koden.
HTML och CSS handlar alltså om att skilja på själva innehållet och hur innehållet presenteras! Därför kan det vara bra att redan från början hålla sig till att strukturera sidans innehåll i själva HTML-koden och låta CSS-mallen styra sidans utseende i så långt det bara är möjligt. Helst i en extern stilmall!
Fördelar med CSS
Det finns många fördelar med CSS!
- CSS-koden kan skrivas i en extern fil som styr utseendet på obegränsat antal webbsidor samtidigt.
- Man kan förändra layouten på en hel webbplats genom att ändra en enda kodrad i stilmallen.
- HTML-koden blir "renare" eftersom hela sidans formatering definieras på ett ställe.
- HTML-dokumentet blir "mindre "och går därför snabbare att ladda.
- Med CSS har man större möjlighet att göra webbsidan både snygg och användarvänlig!
