Terug naar begrippenlijst
CSS
CSS, oftewel Cascading Style Sheets, is de taal waarmee je websites een uiterlijk geeft. Waar HTML de inhoud van een pagina bepaalt (zoals koppen, alinea’s en knoppen), zorgt CSS ervoor dat die inhoud er mooi, duidelijk en aantrekkelijk uitziet. Denk aan kleuren, lettertypes, marges, animaties en hoe alles zich gedraagt op verschillende schermformaten.
Inhoudsopgave
HTML is de bouw, CSS is de stijl
Je kunt HTML vergelijken met de bouwstenen van een huis: de muren, deuren en ramen. CSS is dan de inrichting: de kleuren op de muur, het meubilair, de verlichting. Zonder CSS is je website technisch gezien prima, maar visueel saai en vaak lastig te gebruiken.
Met CSS bepaal je onder andere:
- Welke kleuren en lettertypes worden gebruikt
- Hoe elementen worden uitgelijnd (links, rechts, gecentreerd)
- Of iets groot, klein, zichtbaar of verborgen is
- Wat er gebeurt als je ergens op klikt of overheen beweegt
- Hoe een site zich aanpast op mobiel, tablet of desktop
En dat alles los van je HTML – je verandert de inhoud dus niet, alleen de presentatie.
Eén stylesheet, eindeloze mogelijkheden
CSS werkt op basis van een zogenoemde stylesheet: een apart bestand waarin je regels schrijft die aangeven hoe de website eruit moet zien. Die stijlregels zijn herbruikbaar, wat betekent dat je met één stukje CSS meerdere pagina’s of onderdelen tegelijk kunt aansturen.
Dat maakt het krachtig en efficiënt: verander één waarde en je hele site past zich aan. Ideaal voor consistentie én onderhoud. En ja, het heet cascading omdat stijlregels in lagen (of ‘watervallen’) worden toegepast: de browser kijkt welke regels van toepassing zijn en welke voorrang hebben. Zo kun je werken met globale stijlen, maar ook uitzonderingen maken waar nodig.
Responsief, toegankelijk en helemaal van nu
CSS is inmiddels veel meer dan een kleurtje hier en daar. Moderne websites gebruiken CSS om dynamisch te reageren op schermformaten, toegankelijkheid te verbeteren én interactie toe te voegen zonder JavaScript.
Dankzij media queries, grid, Flexbox en custom properties kun je websites bouwen die:
- Zich aanpassen aan elk schermformaat
- Strak en consistent blijven, zelfs bij veel content
- Eenvoudig te onderhouden zijn
- Klaar zijn voor gebruik door álle gebruikers – ook met een screenreader
Met CSS kun je dus niet alleen mooi, maar ook slim ontwerpen.
Veelgestelde vragen
Niet echt. De basis heb je snel onder de knie. Het wordt pas complex als je geavanceerde layout-technieken, animaties of schaalbare systemen gaat toepassen.
Nee, CSS is het technische middel om design te realiseren. Het gaat om het bouwen van het ontwerp, niet per se om het maken van de visuals zelf.
Dat kan komen door de cascade (welke regel ‘wint’), foute selectors of specifieke instellingen die je overschrijven. Maar ook: vergeten puntkomma’s of haakjes zijn bekende boosdoeners.
Niet per se, maar als je maatwerk wilt, of controle over hoe je site zich gedraagt, dan is CSS een onmisbare tool.
Stan Classens Front-end developer
