INF_CHR22_VWO_LES-03

1 / 12
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolvwoLeerjaar 4

Cette leçon contient 12 diapositives, avec diapositives de texte.

Éléments de cette leçon

Slide 1 - Diapositive

CSS

Slide 2 - Diapositive

WAT KAN JE MET CSS
- kleuren veranderen
- html elementen positioneren
-  html elementen verkleinen of vergroten
enz. enz.

Slide 3 - Diapositive

Het boxmodel
Om css te begrijpen is het belangrijk dat je het boxmodel snapt

Slide 4 - Diapositive

het boxmodel

Slide 5 - Diapositive

maak het volgende in html

Slide 6 - Diapositive

Slide 7 - Diapositive

verander :
<label for="fname">First name:</label><br>
naar: 
<label for="fname" style="color:red">First name:</label><br>

Slide 8 - Diapositive

verander:
<label for="fname" style="color:red">First name:</label><br>
naar: 
<label for="fname" style="border: 5px solid red;">First name:</label><br>

Slide 9 - Diapositive

Dit is in HMTL maar het kan anders

Slide 10 - Diapositive

class en id in CSS
.naam {  } // dit is een class in css
<h1 class="naam"> test</h1>

#naam{ } // dit is een id in css
<h1 id="naam"> test </h1>

h1{ } // dit is een class in css

Slide 11 - Diapositive

Slide 12 - Diapositive