CSS - selectors

• Informatica
• Middelbare school
• vwo
• Leerjaar 4

• Je weet wat een css stylesheet is
• Je kan cs selectors, properties en values toepassen op html elementen

HTML + CSS

Dit is wat we nu aan het doen zijn. Onze "lelijke" html gaan we opmaken met css

:

3. In een apart css bestand

1. In een apart css bestand

Drie plekken om css te schrijven

2. In een apart css bestand

Maar wat staat er nou eigenlijk?

De p is de selector. Hiermee selecteer je op welke elementen je de stijl wil toepassen 

De color is de property. Dat is de eigenschap die je wil aanpassen.

red is de value. De waarde die je de property wil geven.

Alles bij elkaar staat hier dat we alle p elementen de kleur rood willen geven en all a elementen de kleur blauw.

Specificity

Link naar tutorial

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

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

Cascading Style Sheet

Cascade /kasˈkeɪd/

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

Waar slaat die cascading eigenlijk op?

css classnames

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

tot slot nog een wijze raad

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

Huiswerk maandag

https://htmldog.com/guides/css/beginner/

Wat vonden jullie van deze les?

1. :)
2. :(

Wat hebben jullie vandaag geleerd?