CSS

Een website is opgebouwd met verschillende programmeertalen. In elk geval met HTML en CSS code, maar vaak ook met PHP en JavaScript. Met CSS code wordt de vormgeving van een website bepaald.

CSS staat voor Cascading Style Sheets. In het Nederlands betekent dat zoiets als “trapsgewijze stijlbladen”.

Je schrijft namelijk altijd eerst de stijlregels voor de standaard opmaak, en daaronder de stijlregels voor specifieke onderdelen van de site.

Dus de algemene stijlregels voor alle onderdelen op de site staan op de bovenste traptrede, en op de traptreden daaronder komen steeds specifiekere stijlregels. De stijlregels van de bovenste traptrede zijn automatisch van toepassing op alle onderdelen, tenzij er een specifiekere stijlregel op een lager gelegen traptrede staat. Stijlregels op een lagere traptrede overschrijven dus de bovenliggende stijlregels.

Met de volgende stijlregel stel je bijvoorbeeld in dat alle tekst op de website zwart is. Deze stijlregel staat op de bovenste traptrede.

body {
color: black;
}

“Body” is de gehele inhoud van de website. “Color” is uiteraard de tekst kleur.

Als je nu wilt dat je paginatitel rood wordt moet je de volgende code toevoegen. Deze stijlregel komt onder de bovenstaande stijlregel te staan, dus op een lager gelegen traptrede. De h1 valt binnen de body, want dat was immers de gehele inhoud van de website.

h1 {
color: red;
}