Syntax van CSS

Onder de syntax verstaan we de manier waarop CSS genoteerd wordt. In CSS wordt gebruik gemaakt van CSS-regels. Zo’n regel bestaat telkens uit een selector en een declaratie.
Hiernaast zie je een voorbeeld van een CSS-regel:

In dit voorbeeld is h3 de selector en is color:yellow; de declaratie. De selector bepaalt op welk element de regel van toepassing is. Hier is dat dus een koptekst van niveau 3.

In de declaratie regel je vervolgens de opmaak van het betreffende element.
Als er een koptekst van niveau 3 wordt gebruikt, is de kleur van het lettertype geel. Dat is wat we hier in de CSS-regel hebben vastgelegd. De declaratie bestaat ook weer uit 2 onderdelen: een eigenschap (property) en een waarde (value).

De opbouw van een CSS-regel is telkens hetzelfde:

In een CSS-regel kunnen meerdere eigenschappen en bijbehorende waarden worden opgenomen. Er had dus ook kunnen staan:

h3        {color: yellow; font-size: 10px;}

In bovenstaand voorbeeld is er sprake van 2 declaraties. Voor de leesbaarheid van de code wordt elke declaratie op een nieuwe regel begonnen. De notatie van de CCS-regel wordt dan:

h3
{
     color: yellow;
     font-size: 10px;
}