CSS Syntax

CSS Syntax

CSS rule-set (rule-set) consists of selectors and declaration blocks:

CSS Selectors

De selector wijst op het HTML-element dat u wilt stylen.

Een declaratieblok bevat een of meerdere verklaringen, gescheiden door een puntkomma.

Elke verklaring bevat een naam van een CSS-eigenschap en een waarde, gescheiden door een dubbele punt.

Meerdere CSS-declaraties worden gescheiden door een puntkomma, en declaratieblokken worden omringd door haakjes.

Voorbeeld

In dit voorbeeld zullen alle <p>-elementen centraal worden uitgelijnd en rood tekstkleur hebben:

p {
  color: rood;
  text-align: center;
}

Probeer het zelf

Voorbeeld uitleg

  • p is in CSSSelector(het verwijst naar het HTML-element dat de stijl moet krijgen: <p>).
  • kleur Is een eigenschap,rood Is een eigenschapswaarde
  • text-align Is een eigenschap,center Is een eigenschapswaarde

In het volgende hoofdstuk zult u meer leren over CSS selectors en CSS eigenschappen.