CSS bestämmer hur informationen på din webbplats ska presenteras. Med den här guiden får du verktyget som du behöver för att skapa en snygg design som tilltalar dina besökare. För att följa med i guiden bör du ha en grundläggande kunskap i XHTML.
Det här guiden i CSS är andra delen i Webbdesigna.se:s webbdesign guide och läses med fördel tillsammans med guiderna XHTML, Dreamweaver, bygga hemsida och PHP som tillsammans lär dig hur du gör för att bygga en hemsida från grunden. För ytterligare/kompletterande läsning hänvisas till startsidan.
CSS Guide
Cascading Style Sheets för nybörjare
Med CSS bestämmer du hur informationen på din webbplats ska presenteras. Detta gör du genom att sätta upp olika CSS-regler som kallas för deklarationer. Deklarationer byggs i sin tur upp av egenskaper och värden som styr hur olika taggar och områden ska visas. CSS är ett väldigt bra sätt att styra designen på din sida och genom att använda CSS kan du med en kort kodsnutt göra förändringar som påverkar alla sidor på en hel sajt. CSS är därför oerhört tidsbesparande och hjälper dig dessutom att skapa broschyrliknande layouter som vore omöjliga att skapa annars.
Olika sätt att skriva CSS
- Externt: Med extern CSS styrs din layout/design via en stilmall som kopplas webbsidan. Extern CSS gör att du helt kan skilja informationskoden XHTML från presentationen (CSS) på din webbsida, vilket skapar bättre överblick. Med extern CSS kan du även göra stora förändringar i layouten/designen på hela webbplatsen utan att behöva ändra mer än någon enstaka rad i stilmallen.
- Internt: Att skriva CSS direkt i HTML-koden kallas för inline CSS. Du använder dig oftast denna teknik om det är småjusteringar som du vill göra på sidan, eller om du vill frångå stillmallen på vissa ställen.
- Inbäddat: En blandning mellan extern och intern CSS kallas på engelska för embedded CSS eller inbäddad CSS. Jag använder nästan aldrig denna metod att skriva CSS själv och tycker att du gott och väl kan hoppa över denna metod tills du lärt dig de andra alternativen som du kommer att använda dig regelbundet av. I korthet är det dock enkelt - du lägger bara in din CSS i head-taggen istället för i ett sparat dokument eller "utspritt" i dokumentet. Fler exempel senare.
Den grundläggande designen bör alltid styras av extern CSS med hjälp av stilmallen. Avvikelser från grunddesignen gör du sedan via inline CSS eller inbäddad CSS. På detta sätt snyggar du upp koden och separerar information från presentation så långt det är möjligt.
I exemplen som kommer att visas i den här guiden används ofta inline CSS. Det beror på att det är ett smidigt sätt att visa exempel med just den metoden.
Nästa artikel: Deklarationer
