Visa meny
Dölj meny

CSS

PDF

CSS är en förkortning för Cascading Style Sheets, och brukar kallas ”stilmallar” på svenska.
Detta används för att bestämma hur webbsidorna ska se ut, vilka färger som ska användas och så vidare.

Använd koden du gjorde förut, och placera markören längst upp, alldeles under raden <meta charset=”utf-8″> och skriv in följande kod:

<style>
 body {
   background-color: red;
   font-family: georgia;
   font-size: 18px;
 }
</style>

<style> säger till webbläsaren ”Hej, här kommer CSS-kod!”. Som vi vet sedan tidigare är body det som syns i webbläsaren, så det är här som vi brukar börja ändra utseendet.

background-color betyder ”bakgrundsfärg”, alltså vilken färg bakgrunden ska ha. Det går att välja mellan massor med olika färger, som red, green, blue, yellow, pink och så vidare. Här valde vi ”red” för röd, men prova gärna andra färger på egen hand!

font-family anger vilket typsnitt som ska användas. Ett typsnitt är utseende på själva texten. georgia är ett typsnitt som ser lite ut som texten i en gammal bok. Det finns många att välja mellan, som till exempel:

  • verdana
  • impact
  • arial

Prova gärna någon av dessa!

font-size säger vilken storlek texten ska ha. 18px betyder att bokstäverna blir 18 stycken bildpunkter (pixlar) stora. Prova att istället skriva till exempel 30px; och se vad som händer.

Tänk på: varje rad i CSS ska avslutas med ett semikolon  – ; glömmer man detta så kan det bli knasigt.

Spara och testkör, och se om det blev som du tänkt.

Fortsätt sedan på egen hand med att ändra och testa olika inställningar.

När du är klar, och vill gå vidare kika på ”Fler övningar”.