1. Gebruikersagent-stylesheet: Dit zijn de standaardstijlen die door de browser van de gebruiker worden toegepast. Ze zijn meestal erg eenvoudig en bieden een consistente weergave van inhoud in verschillende browsers.

2. Auteurstylesheet: Dit zijn de stijlen die zijn gedefinieerd door de auteur van de website. Ze bevinden zich meestal in een CSS-bestand dat aan het HTML-document is gekoppeld. Auteurstylesheets overschrijven de user-agentstylesheets.

3. Inlinestijlen: Dit zijn stijlen die rechtstreeks op een HTML-element worden toegepast. Ze worden meestal gebruikt om de stijlbladen van de auteur voor specifieke elementen te overschrijven. Inline-stijlen hebben de hoogste prioriteit en overschrijven zowel user-agent-stylesheets als auteur-stylesheets.

De trapsgewijze volgorde van CSS wordt bepaald door de volgende regels:

1. Specificiteit: Hoe specifieker een selector is, hoe hoger de prioriteit ervan. Een selector die zich richt op een specifiek element op basis van zijn ID, heeft bijvoorbeeld een hogere prioriteit dan een selector die zich richt op alle elementen van hetzelfde type.

2. Positie in het CSS-document: De volgorde waarin regels in het CSS-document verschijnen, heeft ook invloed op hun prioriteit. Regels die later in het document verschijnen, overschrijven regels die eerder verschijnen.

3. Belang: De `!important` declaratie kan worden gebruikt om een ​​regel een hogere prioriteit te geven dan andere regels. Regels die als belangrijk zijn gemarkeerd, overschrijven altijd regels die dat niet zijn.

Door de typen CSS te begrijpen en te begrijpen hoe de trapsgewijze volgorde wordt bepaald, kunt u website-stylesheets maken die zowel consistent als visueel aantrekkelijk zijn.