Wat is CSS?

Wat is CSS?

CSS is kort voor de Engelse term Cascading Style Sheets. In het Nederlands kan je hier ook naar verwijzen met de term stijlbladen, hier moet je wel rekening houden dat met ‘style’ opmaak bedoeld worden en niet de schrijfstijl. Het geeft een IT ontwikkelaar dan ook de mogelijkheid om de vormgeving van bepaalde webpagina’s van hun feitelijke inhoud los te koppelen, zodat deze centraal kan worden vastgelegd. Dit klinkt misschien nogal ingewikkeld, dus samengevat is Cascading Style Sheets eigenlijk gewoon een programmeertaal die gebruikt wordt om te werken aan de opmaak van een website, webshop of webapplicatie. Bij het bouwen van een website worden er namelijk allerlei codes gebruikt en tools zoals CSS zorgen ervoor dat dit visueel vertaald wordt.

CSS en HTML

Het is dus de opmaak waar Cascading Style Sheet voor zorgt, maar hierbinnen moet je ook op verschillende elementen kunnen focussen, hierbij komt HTML aan te pas. HTML is de afkorting voor Hyper Text Markup Language wat een opmaaktaal is die voornamelijk online gebruikt wordt en documenten worden ook gespecifieerd. HTML is eigenlijk een standaard opmaaktaal en Cascading Style Sheet zorgt ervoor dat HTML ondersteund is.

Wat is het verschil?

HTML staat voor Hyper Tekst Markup Language. HTML is een ‘client-side’ programmeertaal en wordt dus lokaal uitgevoerd op jouw apparaat en niet op de server. Ook Cascading Style Sheet is een ‘client-side’ programmeertaal. Het verschil tussen HTML en CSS is dat HTML zorgt voor een algemene structuur en opmaak van jouw webpagina’s. Cascading Style Sheet daarentegen is ontwikkeld om veel gedetailleerder jouw webpagina’s te ontwerpen. Het is een veel sterker stijlbladtaal waarmee bijvoorbeeld men de exacte positie van een element kan aangeven, kleuren kan aangeven en lettertypes of groottes aanpast naar wens. Een bijkomend verschil tussen HTML en CSS is dat HTML gebruik maakt van ‘tags’ waarmee de content/inhoud wordt omringt. Cascading Style Sheet maakt gebruik van ‘selectors’, die door een aangifteblok worden gevolgd.

Wat zijn CSS Variables?

CSS Variabelen worden ook wel Custom Properties genoemd. Het wordt bovenaan jouw code toegevoegd in de backend. Het geeft de programmeur de mogelijkheid om middels een variabele een element een bepaald gegeven toe te wijzen. Als voorbeeld nemen we de kleuren keuze voor elementen binnen jouw webpagina. Denk hierbij aan de kleur die toegewezen is aan een blok, sidebar of de footer. Op moment dat de programmeur de kleur van deze elementen wil aanpassen, dient hij/zij in de code ieder stukje dat de kleur aangeeft aan te passen. Door bovenaan in de code een variabele toe te voegen, kunnen programmeurs enkel de variabele wijzigen. Dit resulteert erin dat in de gehele code de elementen die deze variable bevatten automatisch worden gewijzigd.