Inspirerend, verbindend en nieuwsgierig
Een leven lang leren

02 - CSS - syntax

CSS Syntax
1 / 11
volgende
Slide 1: Tekstslide
ICTMBOStudiejaar 1-4

In deze les zitten 11 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 60 min

Onderdelen in deze les

CSS Syntax

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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

Slide 2 - Tekstslide

Deze slide heeft geen instructies

Wat weet je al over de syntax van CSS?

Slide 3 - Woordweb

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 10 - Tekstslide

Deze slide heeft geen instructies

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

Slide 11 - Open vraag

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.