Labo 2 - Layout maken met CSS!
Doelstellingen van het labo
- Leren werken met tag-, class-, id- en pseudo-selectoren
- Kleuren aanbrengen bij tekst en achtergrond
- Begrijpen wat normalize.css doet in de head van de HTML
- Box-sizing en box-property begrijpen en kunnen toepassen
- Lettertypes wijzigen en ook een fallback-font maken
- De CSS die je maakt kunnen koppelen aan je HTML
- Leren omgaan met cascade
Beschrijving
In dit labo leerden we veel nieuwe dingen, de focus lag op het leren van CSS. Zo leerden we om OKLCH als kleurcode te gebruiken en niet RGB. Het is een labo waar ik veel van heb bijgeleerd. Van margin, padding en box-sizes instellen tot class- en id-selectoren gebruiken. Het zit allemaal verwerkt in dit labo.
Relevante links
Zelfreflectie
-
Top👍
De HTML schrijven van dit labo ging al sneller dan bij het vorige labo dus daar ben ik blij mee. Ook was ik in het begin wel goed mee met de CSS.
-
Flop👎
Het schrijven van geavanceerde selectoren zoals combinator selectors en adjacent sibling selectors ging niet van de eerste keer goed. Nadat ik de theorie opnieuw had bekeken kon ik dit wel succesvol uitvoeren.
-
Twijfels🤷
Ik heb af en toe eens een vraag gesteld aan de leerkracht of aan medeleerlingen omdat ik even vast zat. Dit was bijvoorbeeld bij het maken van een modifier class.