CSS - Inspecteren en uitproberen

Je kan specifieke elementen stylen m.b.v. classnames in css

1 / 6

Slide 1: Diapositive

InformaticaMiddelbare schoolvwoLeerjaar 4

Cette leçon contient 6 diapositives, avec quiz interactif et diapositives de texte.

Éléments de cette leçon

Je kan specifieke elementen stylen m.b.v. classnames in css

Slide 1 - Diapositive

Afkijken

Pedagogisch didactisch gezien moet ik zeggen dat ik jullie leer code te lezen en te interpreteren. Maar eigenlijk laat ik jullie zien hoe je moet afkijken ;)

Slide 2 - Diapositive

Chrome devtools

Open chrome
Ga naar nos.nl
Druk op F12 of..
Rechtermuisknop -> inspect element

Filmpje!

https://www.youtube.com/watch?v=VYyQv0CSZOE

Slide 3 - Diapositive

Opdracht

Pas de titel aan van een nieuwsbreicht op nos.nl

Slide 4 - Diapositive

Huiswerk

https://htmldog.com/guides/css/intermediate/
Klaar? Dan doe je Flexbox froggy
Klaar? Dan begin je aan PO: ICT Website

Slide 5 - Diapositive

Wat kon er beter aan deze les?

Slide 6 - Question ouverte

CSS - Inspecteren en uitproberen

Éléments de cette leçon

Slide 1 - Diapositive

Slide 2 - Diapositive

Slide 3 - Diapositive

Slide 4 - Diapositive

Slide 5 - Diapositive

Slide 6 - Question ouverte

Plus de leçons comme celle-ci

CSS - gebruik maken van classes

CSS en de chrome devtools

CSS - inspecteren en aanpassen

HTML + CSS les 5: ontwerp website + Trello + devtools + PO

HTML en CSS - gebruik maken van classes

CSS - selectors

HTML en CSS - les 2 - wat is css?

HTML en CSS 3 - selectors