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. LustPage 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;
}

html en css voor beginnersWil jij ook leren hoe je je eigen website kunt maken?

Wil jij tips en tricks om zo goed mogelijk zelf met alles aan de slag te kunnen?
Meld je hieronder aan voor de HTML-site nieuwsbrief en krijg elke week handige tips om een website te bouwen.
En je ontvangt meteen mijn GRATIS ebook HTML & CSS voor Beginners.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.