CSS - StyleSheets - hvad & hvorfor...?

HTML havde - som vi har set - oprindeligt meget begrænset typografisk kontrol og så godt som ingen midler til positionering (layout) af elementer på siden. Tables blev brugt - og bruges - til at positionere (layout'e) med men var oprindeligt ikke tænkt til dette formål og byder på flere ulemper.

W3 konsortiet lancerede med version 3.2 af HTML-koden en ny, omfattende syntaks til styring af typografi og layout. Med denne kodning blev det muligt dels at benytte en lang række af de parametre til styring af typografi, som man altid har anvendt i den grafiske produktion, dels at positionere elementer frit på siden, og en række web-specifikke formatterings- og layoutinstrukser blev ligeledes tilføjet.

Det er dette, der går under det noget misvisende navn CSS - Cascading Style Sheets - eller bare Style Sheets. Man taler også om CSS-formattering og CSS-positionering. Style Sheet er et udtryk brugt i tekstbehandlingsprogrammer og nogle sideombrydningsprogrammer for et sæt af typografiske instrukser. Et mere dækkende navn havde måske været Style Definition Set...?

Eksempel (skal ses i Internet Explorer):

Denne tekst er formatteret og positioneret udelukkende med CSS

Der er imidlertid ret store forskelle på, hvordan Internet Explorer og Netscape 4.7X fortolker CSS (prøv at se på eksemplet ovenover i de to browsere).
Der er også forskelle mellem, hvordan de to platforme Windows og Macintosh fortolker CSS og især skriftstørrelse (hvis du har adgang til en Mac så prøv at se på denne side med den).
A nvendelse af CSS handler altså bl.a. om at check'e sit arbejde i flere browsere og på Windows og Mac for at undgå de mest katastrofale forskelligheder.