INF_CHR22_VWO_LES-03

1 / 12
next
Slide 1: Slide
InformaticaMiddelbare schoolvwoLeerjaar 4

This lesson contains 12 slides, with text slides.

Items in this lesson

Slide 1 - Slide

CSS

Slide 2 - Slide

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

Slide 3 - Slide

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

Slide 4 - Slide

het boxmodel

Slide 5 - Slide

maak het volgende in html

Slide 6 - Slide

Slide 7 - Slide

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

Slide 8 - Slide

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

Dit is in HMTL maar het kan anders

Slide 10 - Slide

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

Slide 12 - Slide