Als HTML het skelet van een webpagina is, dan is CSS de huid en de kleding. CSS bepaalt hoe alles eruitziet: kleuren, lettertypen, afstanden en de opmaak op verschillende schermen.
In dit artikel lees je wat CSS is, wat het doet en waarom het belangrijk is voor een professionele, mobielvriendelijke website.
CSS (Cascading Style Sheets) is de taal die de vormgeving van een website bepaalt: kleuren, lettertypen, afstanden, achtergronden en hoe de pagina zich aanpast aan grote en kleine schermen. CSS werkt samen met HTML: HTML levert de inhoud, CSS bepaalt hoe die inhoud eruitziet. Goede CSS zorgt voor een herkenbare huisstijl en een site die op mobiel net zo goed werkt als op desktop.
- Wat doet CSS precies?
- Hoe werkt het samen met HTML?
- Waarom is CSS belangrijk voor mobiel?
Wat doet CSS precies?
CSS bepaalt alles wat met uiterlijk te maken heeft. Welke kleur een knop heeft, welk lettertype je gebruikt, hoeveel ruimte er tussen alinea's zit, hoe je menu eruitziet: dat regelt CSS. Het scheidt vormgeving van inhoud, zodat je het uiterlijk van je hele site op één plek kunt aanpassen zonder de inhoud te wijzigen.
Dat scheiden is krachtig: verander je één CSS-regel voor je hoofdkleur, dan past die kleur zich overal op je site aan. Het maakt een consistente huisstijl mogelijk en houdt je site onderhoudbaar.
Waarom CSS belangrijk is voor mobiel
Met CSS bepaal je ook hoe je site zich aanpast aan verschillende schermformaten. Dat heet responsive design: dezelfde pagina ziet er op een telefoon anders (maar net zo goed) uit als op een groot scherm. Omdat het grootste deel van het webverkeer mobiel is, en Google sites beoordeelt op hun mobiele weergave, is goede CSS direct van invloed op je gebruikerservaring en je SEO.
Als ondernemer schrijf je zelf geen CSS, maar het verklaart waarom een professioneel gebouwde site er overal verzorgd uitziet en een snel in elkaar geknutselde niet. Bekijk ook hoe CSS samenwerkt met structuur, content en beheer in de gids over een website bouwen.