Cascading Style Sheets (CSS) is een stijlbladtaal die wordt gebruikt om de presentatie te beschrijven van een document dat is geschreven in een opmaaktaal zoals HTML. CSS is een krachtig hulpmiddel waarmee u het uiterlijk van uw webpagina's kunt bepalen, inclusief het lettertype, de kleur, de grootte en de lay-out van tekst, afbeeldingen en andere elementen.

CSS-syntaxis

CSS-syntaxis is relatief eenvoudig en duidelijk. Een stijlregel bestaat uit een selector, gevolgd door een accolade, gevolgd door een of meer declaraties. De selector specificeert het element of de elementen waarop de stijlregel zal worden toegepast, terwijl de declaraties de stijleigenschappen en -waarden voor die elementen specificeren.

De volgende stijlregel zal bijvoorbeeld het lettertype van alle `

` elementen voor Arial:

```

P {

lettertypefamilie:Arial;

}

```

CSS gebruiken op een webpagina

Om CSS op een webpagina te gebruiken, moet u eerst een stijlblad maken. Een stylesheet is eenvoudigweg een tekstbestand dat uw CSS-regels bevat. U kunt een stijlblad maken met elke teksteditor, zoals Kladblok of Teksteditor.

Nadat u een stylesheet heeft gemaakt, moet u deze aan uw webpagina koppelen. Dit kun je doen door een ` `-element naar het ` ` sectie van uw HTML-document. De ` Het `-element moet verwijzen naar de URL van uw stijlblad.

Bijvoorbeeld het volgende ` ` element linkt naar een stijlblad met de naam `mystyles.css`:

```

```

Zodra u uw stylesheet aan uw webpagina heeft gekoppeld, kunt u beginnen met het toepassen van CSS-regels op uw elementen. U kunt dit doen door het kenmerk `class` of `id` te gebruiken om aan te geven op welke elementen een bepaalde stijlregel van toepassing moet zijn.

De volgende HTML-code past bijvoorbeeld de klasse `my-style` toe op alle `

` elementen:

```

Dit is een paragraaf.

```

De klasse `my-style` kan vervolgens als volgt in het stijlblad worden gedefinieerd:

```

.mijn-stijl {

lettertypefamilie:Arial;

kleur:blauw;

}

```

Dit zal het lettertype van alle `

` elementen met de klasse `my-style` naar Arial en de kleur naar blauw.

Conclusie

CSS is een krachtig hulpmiddel waarmee u het uiterlijk van uw webpagina's kunt bepalen. Door CSS te gebruiken, kunt u visueel aantrekkelijke en professioneel ogende websites maken.