De selectors van CSS

CSS kent een aantal selectors. Op veel engelstalige websites worden deze termen gebruikt. Vaak zorgen deze wel voor onduidelijkheid. Hieronder een uitleg van de verschillende termen die voor de selectors worden gebruikt.

Universal selector
De universele selector wordt gebruikt wanneer een bepaalde stijl voor alle elementen van een website moet worden gebruikt. Vaak wordt deze gebruikt om margin en padding op nul te zetten. Dat gaat als volgt:

* {
margin: 0;
padding: 0;
}

type selector
Dit is de meest gebruikte toepassing van CSS selectors, namelijk voor een specifiek element de stijl bepalen. In onderstaand voorbeeld wordt voor element ‘h1’ de kleur rood gebruikt en lettergrootte 23 pt. Deze stijl geldt voor ieder ‘h1’-element. Voorbeeld:

h1 {
color: #FF0000;
size: 23pt;
}

Universal selector
De universele selector wordt gebruikt wanneer een bepaalde stijl voor alle elementen van een website moet worden gebruikt. Vaak wordt deze gebruikt om margin en padding op nul te zetten. Dat gaat als volgt:

* {
margin: 0;
padding: 0;
}

Auteur: Bjorn Simmering

Mijn naam is Bjorn Simmering en met deze website ga ik dus door het leven als Meneer Simmering. Ik schrijf over HTML & CSS, websites maken, WordPress en meer... Lees meer over mij »

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *