Inspirerend, verbindend en nieuwsgierig
Een leven lang leren

02 - CSS - syntax

CSS Syntax
1 / 11
next
Slide 1: Slide
ICTMBOStudiejaar 1-4

This lesson contains 11 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 60 min

Items in this lesson

CSS Syntax

Slide 1 - Slide

This item has no instructions

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

Slide 2 - Slide

This item has no instructions

Wat weet je al over de syntax van CSS?

Slide 3 - Mind map

This item has no instructions

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

Slide 4 - Slide

This item has no instructions

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

Slide 5 - Slide

This item has no instructions

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

Slide 6 - Slide

This item has no instructions

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 */
  }

Slide 7 - Slide

This item has no instructions

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 */
  }

Slide 8 - Slide

This item has no instructions

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.

Slide 9 - Slide

This item has no instructions

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

Slide 10 - Slide

This item has no instructions

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

Slide 11 - Open question

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.