02 - CSS - syntax

• ICT
• MBO
• Studiejaar 1-4

CSS Syntax

Leerdoel

Aan het eind van de les kun je de basisprincipes van CSS-syntax begrijpen en toepassen.

Wat weet je al over de syntax van CSS?

Wat is CSS-syntax?

CSS-syntax verwijst naar de regels en regelstructuur die worden gebruikt om opmaakstijlen toe te passen op webpagina-elementen.

Selectors en Properties

Selectors worden gebruikt om HTML-elementen te targeten en properties definiëren de opmaakstijlen die op die elementen moeten worden toegepast.

Syntaxregels

CSS-syntax volgt specifieke regels zoals het gebruik van accolades, puntkomma's en dubbele punten om de opmaakstijlen correct te definiëren.

Waarden en Eenheid

CSS-properties vereisen waarden die parameters bevatten zoals kleur, grootte, afstand, enz., met bijbehorende eenheden.

  p {

      color: blue; /* Tekstkleur blauw */

      font-size: 20px; /* Lettergrootte 20 pixels */

      line-height: 1.5; /* 1.5 keer de lettergrootte */

      margin-bottom: 10px; /* Ondermarge 10 pixels */

  }

Commentaar in CSS

Commentaar in CSS wordt gebruikt om notities toe te voegen aan de code voor toelichting en organisatie, en heeft geen invloed op de opmaak van de pagina.

  p {

      color: blue; /* Tekstkleur blauw */

      font-size: 20px; /* Lettergrootte 20 pixels */

      line-height: 1.5; /* 1.5 keer de lettergrootte */

      margin-bottom: 10px; /* Ondermarge 10 pixels */

  }

Cascade en Overerving

CSS maakt gebruik van de cascade om te bepalen welke stijlen op een element van toepassing zijn, en overerving zorgt ervoor dat elementen de stijlen van hun ouderelementen erven.

Samenvatting

CSS-syntax omvat selectors, properties, waarden, eenheden, commentaar, cascade en overerving, en is essentieel voor het vormgeven van webpagina's.

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.