HTML en CSS 3 - selectors

1 / 13

Slide 1: Slide

InformaticaMiddelbare schoolvwoLeerjaar 4

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

Items in this lesson

Slide 1 - Slide

Agenda

Terugblik vorige les
Do's and dont's
Zoveel mogelijk huiswerk maken

Slide 2 - Slide

Cascading Style Sheet

Cascade /kasˈkeɪd/

(of water) pour downwards rapidly and in large quantities
pass (something) on to a succession of others

Slide 3 - Slide

Waar slaat die cascading eigenlijk op?

Slide 4 - Open question

Specificity

Link naar tutorial

http://htmldog.com/guides/css/intermediate/specificity/

https://codepen.io/timmiekun/pen/yQmNeR

Slide 5 - Slide

css classnames

Gebruik beschrijvende classnames
Goed: "title", "description", "warning-button"
Fout: "red", "uppercase", "small"

Slide 6 - Slide

Slide 7 - Slide

!important

VERBODEN
Nee ook niet stiekem!
Echt niet!

Slide 8 - Slide

Slide 9 - Slide

tot slot nog een wijze raad

~ "Een id (#) gebruiken is niet nodig en kan problemen geven met javascript" ~

Slide 10 - Slide

Aan de slag

https://drive.google.com/open?id=1sCXT-mkUEw_HCoMo2hvSwP_YLgYDyEyc-OSIl8k9s_U

Slide 11 - Slide

Wat vonden jullie van deze les?

Slide 12 - Quiz

Wat hebben jullie vandaag geleerd?

Slide 13 - Open question

HTML en CSS 3 - selectors

Items in this lesson

Slide 1 - Slide

Slide 2 - Slide

Slide 3 - Slide

Slide 4 - Open question

Slide 5 - Slide

Slide 6 - Slide

Slide 7 - Slide

Slide 8 - Slide

Slide 9 - Slide

Slide 10 - Slide

Slide 11 - Slide

Slide 12 - Quiz

Slide 13 - Open question

More lessons like this

CSS - selectors

HTML en CSS - les 2 - wat is css?

HTML en CSS - gebruik maken van classes

CSS - gebruik maken van classes

CSS en de chrome devtools

HTML en CSS - document flow en box model

BBL Week 4

01 - CSS - wat is