CSS - Inspecteren en uitproberen

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

1 / 6

Slide 1: Tekstslide

InformaticaMiddelbare schoolvwoLeerjaar 4

In deze les zitten 6 slides, met interactieve quiz en tekstslides.

Onderdelen in deze les

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

Slide 1 - Tekstslide

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

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

Opdracht

Pas de titel aan van een nieuwsbreicht op nos.nl

Slide 4 - Tekstslide

Huiswerk

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

Slide 5 - Tekstslide

Wat kon er beter aan deze les?

Slide 6 - Open vraag

CSS - Inspecteren en uitproberen

Onderdelen in deze les

Slide 1 - Tekstslide

Slide 2 - Tekstslide

Slide 3 - Tekstslide

Slide 4 - Tekstslide

Slide 5 - Tekstslide

Slide 6 - Open vraag

Meer lessen zoals deze

CSS - gebruik maken van classes

CSS - inspecteren en aanpassen

CSS en de chrome devtools

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

HTML en CSS - gebruik maken van classes

HTML en CSS - les 2 - wat is css?

HTML en CSS - Inspecteren en uitproberen

CSS - selectors