CSS

CSS (Cascading Style Sheets) används tillsammans med HTML för att designa och layouta webbsidor. Medan HTML skapar strukturen, ansvarar CSS för det visuella – hur allt ser ut och beter sig.

Vad används CSS till?

  • Ändra färger och typsnitt

  • Skapa responsiv design för mobiler och surfplattor

  • Justera marginaler, mellanrum och placering av element

  • Animera innehåll och skapa visuella effekter

Exempel på CSS-kod:

body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
}

Fördelar med CSS:

  • Separerar innehåll från design

  • Gör det enklare att uppdatera utseendet på flera sidor samtidigt

  • Förbättrar laddningstider och användarupplevelse

  • Gör webbsidor mer tillgängliga och responsiva

Typer av CSS:

  1. Inline CSS – direkt i HTML-taggarna

  2. Internal CSS – i HTML-dokumentets <style>-del

  3. External CSS – i en separat .css-fil (rekommenderas för större projekt)

Sammanfattning

CSS är ett grundläggande verktyg för alla som arbetar med webbutveckling. Det ger full kontroll över hur din webbplats ser ut och fungerar på olika enheter.