2.5 css variabelen

2.5 Variabelen en meer
HTML module 22.5 Variabelen en meer

Terugblik!

Shape: vierkant
Shape: Cirkel
Shape: Triangle
Shapes

Transistions

Transform

CSS animations

CSS animations
Voorbeeld bootje uit les!

Lesdoel!
Begrijpen hoe
css variabelen kan
gebruiken

Variabelen in css!
Vanaf CSS3 is het mogelijk variabelen te definiëren in CSS.
Variabelen moeten gedeclareerd worden in een CSS Selector
Voor variabelen die je wilt gebruiken in de gehele scope van
een webapplicatie gebruik je de :root of body selector!

Variabelen in css!
Schrijfwijze variabelen
De variabele begint met altijd --
Gebruik een naam die herkenbaar is bij het gebruik

Variabelen in css!
Variabele voor :root en declareren en gebruiken.

Variabelen in css!
Variabele declareren met var’s bestand.
variabelen.css style.css

Variabelen in css!
variabelen.css style.css

Variabelen in css!

HTML module 2
Huiswerk opdracht
Maak met behulp van de lesstof 2 websites met dezelfde indeling
die d.m.v. css variabelen een ander onderwerp (logo etc..) krijgt.
Zie voorbeeld op de volgende pagina’s. Maak zelf een ontwerp die
er anders uitziet dan de voorbeelden.
Lever het geheel in als zip bestand in teams opdracht
2.5 uiterlijk de avond voor het begin van de volgende les.

HTML module 2
Huiswerk opdracht

2.5 css variabelen

More Related Content

Featured (20)

2.5 css variabelen