CSS, voluit Cascading Style Sheets, is de taal die bepaalt hoe een webpagina eruitziet. Het pakt de rauwe inhoud en vertelt de browser welke kleur de tekst krijgt, welk lettertype te gebruiken, hoeveel ruimte er rond dingen moet en waar elk element op het scherm staat.
Een duidelijk beeld: als een webpagina een huis was, dan is HTML de stenen en de kamers, terwijl CSS de verf, het meubilair en de indeling is. Dezelfde structuur kan eruitzien als een steriel kantoor of een gezellig huis, puur afhankelijk van de opmaak. Verander één CSS-regel en elke knop op de site kan tegelijk van kleur veranderen, wat het zo krachtig maakt en af en toe ook zo priegelig.
Die kracht heeft een keerzijde. Omdat regels hetzelfde element vanuit veel plekken kunnen raken, kan een losse regel stilletjes een andere overschrijven, en op een grote site lopen de stijlen uit tot een knoop die niemand helemaal overziet. De cascade, plus de specificiteitsregels die bepalen welke selector wint, moet je in je hoofd houden. Een verstandige naamgeving en kleine, gerichte regels zijn hoe de meeste teams dat in toom houden.
Moderne CSS doet veel meer dan kleuren. Tools als Flexbox en Grid regelen complexe indelingen die vroeger lompe omwegen vereisten, en met media queries past één stylesheet netjes mee van een smalle telefoon tot een breed scherm. Frameworks als Tailwind bouwen voort op gewone CSS om opmaak sneller te maken bij grote projecten.
Bij TopDevs schrijven we CSS die overzichtelijk en onderhoudbaar is, zodat de site van een klant consistent blijft naarmate hij groeit in plaats van te veranderen in een knoop die niemand durft aan te raken.
