Introduktion i CSS – Stylesheets

Vad är CSS?

  • CSS står för Cascading Style Sheets
  • Stilar definierar hur man visar HTML element
  • Stilar lades till åt HTML 4.0 för att lösa problem
  • External Style Sheets kan spara mycket arbete
  • External Style Sheets förvaras i CSS filer

Stilar löste ett stort problem

Det var aldrig meningen att HTML skulle innehålla taggar för att formatera ett dokument.

Det var meningen att HTML skulle definiera innehållet i ett dokument, som:

<h1>Det här är en rubrik</h1>

<p>Det här är en paragraf.</p>

När taggar som <font>, och färgegenskaper läggs till i en HTML 3.2 specifikation, så startade det en mardröm för webbutvecklare. Utvecklare för stora webbsidor, där fonts och färginformation lades till åt varje sida, blev lång och dyr process.

För att lösa det här problemet, så skapade World Wide Web Consortium (W3C) CSS.

I HTML 4.0, så kunde all formatering tas bort från HTML dokumentet, och förvars i en separat CSS fil.

Alla webbläsare stödjer CSS idag.