Wat is CSS?
CSS staat voor Cascading Style Sheets. Het is een opmaaktaal die wordt gebruikt om de presentatie van webpagina’s te definiëren. CSS bepaalt hoe HTML-elementen worden weergegeven op het scherm, zoals de lay-out, kleuren, lettertypen en afmetingen.
Waarom is CSS belangrijk?
CSS is belangrijk om de volgende redenen:
- Verbetert de gebruikerservaring: CSS maakt webpagina’s aantrekkelijker en leesbaarder.
- Verhoogt de toegankelijkheid: CSS kan worden gebruikt om webpagina’s toegankelijker te maken voor mensen met een handicap.
- Vermindert de bestandsgrootte: CSS kan de bestandsgrootte van webpagina’s verkleinen, waardoor ze sneller laden.
- Verbetert de scheiding van taken: CSS helpt om de inhoud van een webpagina te scheiden van de presentatie. Voor wie dit te wazig is: voor zoekmachines is vooral de inhoud belangrijk om je te kunnen vermelden in de zoekresultaten.
Toepassingen van CSS
CSS wordt op vrijwel alle websites gebruikt om de vormgeving te bepalen. Het kan worden toegepast op:
- HTML-elementen: Zoals headings, paragrafen, afbeeldingen, links, en formulieren.
- Pseudo-elementen: Zoals :hover en :focus.
- Media queries: Om de stijl van een webpagina aan te passen aan verschillende apparaten, zoals smartphones en tablets.
Alhoewel CSS voornamelijk wordt toegepast op webpagina’s, kan het ook worden gebruikt in andere toepassingen, zoals e-mails, PDF-bestanden en desktop-applicaties.
Generaties van CSS
Er zijn drie generaties van CSS:
- CSS1 (1996): De eerste versie van CSS, die in 1996 werd uitgebracht. CSS1 bood basismiddelen voor het bepalen van lettertypen, kleuren en marges.
- CSS2 (1998): De tweede versie van CSS, die in 1998 werd uitgebracht. CSS2 voegde meer functies toe, zoals positionering, floats en media queries.
- CSS3 (2001 – heden): De derde versie van CSS, die in 2002 werd uitgebracht. CSS3 biedt een uitgebreide set functies voor lay-out, typografie, afbeeldingen, animaties en meer. Met CSS3 werd de vormgeving geavanceerder doordat CSS3 een antwoord had op flash. Het voegde nog meer geavanceerde functies toe, zoals animaties, transformaties en flexbox.
Generaties CSS en HTML
De generaties van CSS zijn afgestemd op de generaties van HTML.
- HTML4: Werkt goed met CSS1 en CSS2.
- HTML5: Werkt goed met CSS2 en CSS3.
- HTML5.1: Werkt goed met CSS3.
De uitvinding van CSS
Håkon Wium Lie, een Noorse computerwetenschapper, wordt beschouwd als de uitvinder van CSS. In 1994 stelde hij een voorstel op voor een opmaaktaal die de presentatie van webpagina’s zou kunnen scheiden van de inhoud. Dit voorstel, genaamd Cascading Style Sheets (CSS), zou de basis vormen voor de stijlvolle en gevarieerde webpagina’s die we vandaag kennen.
Bert Bos, een Nederlandse computerwetenschapper, speelde een cruciale rol in de ontwikkeling van CSS. Hij werkte nauw samen met Wium Lie om de specificaties van CSS te verfijnen en te promoten. Bos was ook verantwoordelijk voor de implementatie van CSS in de Opera-webbrowser, wat een belangrijke stap was in de acceptatie van CSS door de webcommunity.
Samenwerking en Innovatie
De samenwerking tussen Wium Lie en Bos was cruciaal voor het succes van CSS. Wium Lie’s visionaire idee en Bos’ technische expertise en implementatievaardigheden brachten een krachtige taal tot stand die de manier waarop we het web ontwerpen en ervaren fundamenteel heeft veranderd.
De impact van CSS
CSS is vandaag de dag een onmisbaar onderdeel van het web. Het wordt gebruikt om de lay-out, typografie, kleuren en afbeeldingen van webpagina’s te definiëren. CSS heeft webpagina’s niet alleen mooier en gebruiksvriendelijker gemaakt, maar het heeft ook de toegankelijkheid en interoperabiliteit van het web verbeterd.
Erkenning
Zowel Wium Lie als Bos zijn erkend voor hun belangrijke bijdrage aan het web. Wium Lie ontving in 2011 de ACM Software Systems Award en Bos werd in 2012 benoemd tot Ridder in de Orde van de Nederlandse Leeuw.
Bronnen en lezenswaardigheden
- W3C Cascading Style Sheets home page (W3C, in het Nederlands)
- CSS Tutorial (W3Schools, in het Engels)
- CSS Diner (Fluke Out on Github, in het Engels)
- Wat is HTML en hoe is het ontstaan? (ComBron, in het Nederlands)
