CSS en de chrome devtools

Je kan eigenschappen van html elementen aanpassen met css
Je weet hoe je de chrome inspector kan gebruiken om te "spieken" bij andere websites

1 / 11

Slide 1: Diapositive

InformaticaMiddelbare schoolvwoLeerjaar 4

Cette leçon contient 11 diapositives, avec quiz interactifs et diapositives de texte.

Éléments de cette leçon

Je kan eigenschappen van html elementen aanpassen met css
Je weet hoe je de chrome inspector kan gebruiken om te "spieken" bij andere websites

Slide 1 - Diapositive

Vrijdag

Ben ik er niet
Maar kunnen jullie zelfstandig aan de slag
Daarover einde van de les meer..

Slide 2 - Diapositive

Basis van een website

<HTML>

tekst

</HTML>

.CSS {

opmaak

}

Javascript(){

gedrag;

}

Slide 3 - Diapositive

CSS: Cascading StyleSheet

Eigenschappen van html elementen aanpassen
Opmaak toevoegen aan html elementen

Slide 4 - Diapositive

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

Selectors

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

Slide 5 - Diapositive

Slide 6 - Diapositive

Chrome devtools

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

Slide 7 - Diapositive

Aan de slag

css basis in classroom

Slide 8 - Diapositive

Gedrag

Opmaak

Data

Beheer

Slide 9 - Question de remorquage

Wat kon er beter aan deze les?

Slide 10 - Question ouverte

Vriend en vijand van elke developer: browsers!

Slide 11 - Diapositive

CSS en de chrome devtools

Éléments de cette leçon

Slide 1 - Diapositive

Slide 2 - Diapositive

Slide 3 - Diapositive

Slide 4 - Diapositive

Slide 5 - Diapositive

Slide 6 - Diapositive

Slide 7 - Diapositive

Slide 8 - Diapositive

Slide 9 - Question de remorquage

Slide 10 - Question ouverte

Slide 11 - Diapositive

Plus de leçons comme celle-ci

CSS - selectors

CSS - gebruik maken van classes

HTML en CSS - les 2 - wat is css?

HTML en CSS - document flow en box model

HTML en CSS - gebruik maken van classes

CSS - inspecteren en aanpassen

Les3- CSS Selectoren: HTML Elementen Aanspreken

HTML en CSS 3 - selectors