Johan de Witt Scholengroep

INF_CHR22_VWO_LES-03

1 / 12
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolvwoLeerjaar 4

In deze les zitten 12 slides, met tekstslides.

Onderdelen in deze les

Slide 1 - Tekstslide

CSS

Slide 2 - Tekstslide

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

Slide 3 - Tekstslide

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

Slide 4 - Tekstslide

het boxmodel

Slide 5 - Tekstslide

maak het volgende in html

Slide 6 - Tekstslide

Slide 7 - Tekstslide

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

Slide 8 - Tekstslide

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

Dit is in HMTL maar het kan anders

Slide 10 - Tekstslide

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

Slide 12 - Tekstslide