Wat is CSS?

CSS (cascading style sheet) is een taal voor het vormgeven van de HTML-elementen op een pagina. Met CSS kan de HTML-documentcontent gescheiden worden van de presentatie.

Hoe werkt dat?

Een stylesheet bevat een lijst van regels en elke regel bestaat weer uit een 'selector' en een 'declaration block'. Een 'selector' selecteert het HTML-element dat vormgegeven wordt, dus met 'p' selecteer je bijvoorbeeld alle paragrafen op een pagina. HTML-elementen met ID's kunnen geselecteerd worden met een hash, dus met '#about' selecteer je het element met het ID 'about'. Klassen worden geselecteerd met een punt voor de naam van de klasse. Er kunnen ook ingewikkeldere 'selectors' worden gebruikt voor specifieke secties, met '#about>p' worden alle paragrafen geselecteerd die een onderliggend object van het element met het ID 'about' zijn.

Versies

CSS3 is de nieuwste versie van de CSS-specificatie. Deze versie bevat functies die aansluiten bij modern webdesign. Er zijn nu effecten mogelijk zoals vak- en tekstschaduw, ronde hoeken en gradiëntenachtergrond. Tot nu toe werd dit bereikt met afbeeldingen, wat de website langzamer maakt en een obstakel vormt voor SEO (omdat tekst in een afbeelding bijvoorbeeld niet door zoekmachines wordt gelezen).

Browserondersteuning

De browserondersteuning voor CSS2 is over het algemeen goed, maar er zijn nog steeds oude browsers in gebruik die hun eigen grillen hebben. Dit geldt vooral voor Internet Explorer 6. Een goed overzicht van de ondersteunde functies in meerdere browsers vindt u op quirksmode.org. CSS3-ondersteuning is pas onlangs toegevoegd aan Internet Explorer in versie 9. Mozilla Firefox, Google Chrome en Safari ondersteunen sommige CSS3-functies al sinds enige versies. Sommige CSS3-functies zijn echter nog in ontwikkeling. Bij elke versie-update komt weer betere ondersteuning.