--- title: "Wat is CSS? Uitleg en betekenis | Keurig Online" description: "CSS (Cascading Style Sheets) is een opmaaktaal voor het vormgeven en stylen van webpagina's en documenten." canonical: https://www.keurigonline.nl/begrippenlijst/css last_modified: 2025-12-18 --- [Terug naar begrippenlijst](https://www.keurigonline.nl/begrippenlijst) # CSS CSS (Cascading Style Sheets) is een opmaaktaal voor het vormgeven en stylen van webpagina's en documenten. CSS staat voor Cascading Style Sheets. Het is een opmaaktaal die bepaalt hoe HTML-elementen worden weergegeven in een browser. CSS scheidt de inhoud (HTML) van de presentatie. Hierdoor kun je kleuren, lettertypen, layouts en animaties toevoegen zonder de HTML-code aan te passen. CSS werkt met regels die bestaan uit selectors en declaraties. Een selector kiest welke HTML-elementen gestyled worden. De declaraties bepalen de opmaak zoals kleur, grootte en positie. Moderne CSS ondersteunt geavanceerde layoutsystemen zoals Flexbox en Grid. Ook responsive design is mogelijk met media queries. De kracht van CSS zit in herbruikbaarheid en onderhoud. Eén CSS-bestand kan duizenden webpagina's stylen. Wijzig je de CSS, dan verandert de hele website. Dit maakt webontwikkeling efficiënter en consistenter. Bij KeurigOnline gebruiken we CSS voor alle websites die we bouwen. We werken met moderne technieken zoals CSS Grid en custom properties. Dit zorgt voor snelle, toegankelijke en responsive websites die er op elk apparaat goed uitzien. ## Geschiedenis CSS werd in 1994 voorgesteld door [Håkon Wium Lie](https://en.wikipedia.org/wiki/H%C3%A5kon_Wium_Lie) terwijl hij werkte met Tim Berners-Lee bij CERN. Bert Bos sloot zich aan als co-auteur. Op 10 oktober 1994 publiceerde Lie zijn eerste voorstel "Cascading HTML Style Sheets". Voor CSS moest alle opmaak in de HTML-code zelf. Dit maakte websites moeilijk te onderhouden. CSS bood een oplossing door presentatie en inhoud te scheiden. Belangrijke mijlpalen: - **17 december 1996:** [CSS Level 1](https://www.w3.org/TR/CSS1/) werd de eerste officiële W3C Recommendation - **Mei 1998:** [CSS Level 2](https://www.w3.org/TR/2008/REC-CSS2-20080411/) gepubliceerd met ondersteuning voor media types en positionering - **7 juni 2011:** [CSS 2.1](https://www.w3.org/TR/CSS2/) werd W3C Recommendation na jaren testen - **Vanaf 1999:** CSS Level 3 ontwikkeld als modulaire specificaties in plaats van één groot document De eerste browser met CSS-ondersteuning was Microsoft Internet Explorer 3 in augustus 1996. Echte bruikbaarheid kwam pas rond 2001 toen browsers beter aan de standaard voldeden. ## Bronnen **Online bronnen:** 1. **W3C** - [Cascading Style Sheets home page](https://www.w3.org/Style/CSS/Overview.en.html) 2. **MDN Web Docs** - [CSS: Cascading Style Sheets](https://developer.mozilla.org/en-US/docs/Web/CSS) 3. **W3C (1996)** - [CSS Level 1 Specification](https://www.w3.org/TR/CSS1/) 4. **W3Schools** - [CSS Tutorial](https://www.w3schools.com/css/) 5. **web.dev** - [Learn CSS](https://web.dev/learn/css/) **Boeken:** 1. **Meyer, E. & Weyl, E. (2023)** - *CSS: The Definitive Guide, 5th Edition*. O''Reilly Media. ISBN: 978-1098117610 2. **Verou, L. (2015)** - *CSS Secrets: Better Solutions to Everyday Web Design Problems*. O''Reilly Media. ISBN: 978-1449372637 3. **Grant, K.J. (2024)** - *CSS in Depth, Second Edition*. Manning Publications. ISBN: 978-1633437555 ## Gerelateerde artikelen Hosting 3 jul 2026 [HTTP/2 Server Push & WordPress: wat nu écht werkt (2026)](https://www.keurigonline.nl/blog/http-2-server-push-instellen-voor-wordpress-snelheid) HTTP/2 Server Push instellen voor WordPress: dat is vermoedelijk de zoekopdracht die je hier bracht, omdat je site sneller moet laden. Dat advies is inmiddels verouderd. In dit artikel leggen we uit wat Server Push was, waarom Chrome en Firefox het hebben afgeschaft, en vooral: hoe je hetzelfde doel (kritieke bestanden sneller bij de browser krijgen) in 2026 wél bereikt. Herken je de symptomen van een trage WordPress-site nog niet zeker? Bekijk eerst [de 5 meest voorkomende oorzaken van een langzame WordPress-site](https://keurigonline.nl/blog/5-redenen-waarom-je-wordpress-site-zo-langzaam-is) om te checken of dit artikel het juiste probleem aanpakt. ## Wat is HTTP/2 Server Push (en waarom je hier waarschijnlijk naar zoekt) HTTP/2 Server Push was een uitbreiding van het HTTP/2-protocol waarmee een server ongevraagd extra bestanden meestuurde bij een pagina-aanvraag. Vroeg een browser `index.html` op, dan kon de server meteen ook de CSS, JavaScript en lettertypen pushen die hij toch nodig zou hebben, zonder dat de browser daar apart om vroeg. Het idee erachter was logisch: een browser ontdekt render-blocking resources pas nadat hij de HTML heeft geparsed. Die vertraging, ook wel de "request-response round trip", kost tijd die bij een trage WordPress-site direct zichtbaar is in de laadtijd. Server Push moest die vertraging wegnemen door de wachttijd te elimineren. Beveiliging 2 jul 2026 [HSTS-header inschakelen op gedeelde hosting: .htaccess-stappenplan](https://www.keurigonline.nl/blog/hsts-header-inschakelen-op-gedeelde-hosting) - **Een geldig [SSL-certificaat](https://www.keurigonline.nl/blog/waarom-ssl-certificaten-onmisbaar-zijn-voor-jouw-website) geïnstalleerd.** Zonder geldig certificaat dwing je bezoekers naar een verbinding die de browser als onveilig blokkeert, HSTS maakt je site dan feitelijk onbereikbaar. - **Alle resources laden via HTTPS.** Als afbeeldingen, CSS of JavaScript nog via `http://` worden ingeladen (mixed content), breekt de pagina of toont de browser waarschuwingen zodra HSTS actief is. - **HTTP naar HTTPS redirect staat al actief in `.htaccess`.** Zonder redirect blijven directe HTTP-links elders op het web bezoekers naar een pagina sturen die niet meer bereikbaar is. SEO 2 jul 2026 [Google algoritme update voorbereiding: stresstest 2026](https://www.keurigonline.nl/blog/google-algoritme-update-voorbereiding) 1. **Afbeeldingen optimaliseren en laadstrategie scheiden.** De hero-afbeelding is op de meeste pagina's het LCP-element. Zet de hero in WebP-formaat, comprimeer tot onder 100 KB en voeg `loading="eager"` toe aan dit element (juist geen lazy-load). Voeg `loading="lazy"` toe aan alle afbeeldingen lager op de pagina. 2. **Kritische CSS inlinen.** Externe stylesheets blokkeren de render. Extraheer de CSS die nodig is voor de bovenste viewport en zet die inline in de ``. Laad de rest asynchroon. Dit verlaagt de Time to First Paint direct. 3. **Server response time verkorten (TTFB).** Een trage server is de wortel van een trage LCP. Activeer serverside caching, zet een CDN in voor statische assets en schakel naar een hostingpakket met LiteSpeed of vergelijkbare servercaching als je nu op langzame shared hosting zit.