Labo 02 - CSS leren gebruiken.
Doelen van de oefening:
- Je kunt vlot tag-, class-, id- en pseudo-selectoren gebruiken.
- Je kunt tekst- en achtergrondkleuren toepassen.
- Je kunt herbruikbare classes maken.
- Je gebruikt en begrijpt de functie van normalize.css.
- Je hebt inzicht in het box-model en kunt de box-sizing property toepassen.
- Je kunt externe lettertypen toevoegen en een fallback-font instellen.
- Je weet hoe je een stylesheet aan een HTML-pagina koppelt en selecties kunt optimaliseren voor herbruikbaarheid.
- Je kunt CSS analyseren en debuggen met webdeveloper tools.
- Je maakt gebruik van geavanceerde selectoren (zoals combinators en pseudo-classes).
- Je kunt prioriteitsregels toepassen.
Beschrijving van het labo:
In labo 2 heb ik geleerd hoe ik met CSS moet werken. Ik heb verschillende selectoren gebruikt zoals tag, class, id en pseudo. Ik heb ook geleerd om kleuren en lettertypes aan te passen en toe te voegen. Ook box-model en de box-sizing property heb ik leren gebruiken. Daarnaast heb ik containers en herbruikbare classes gemaakt zodat de code mooi en overzichtelijk blijft. Ik heb ook geavanceerde selectoren, hover- en focus-effecten toegepast en geleerd hoe ik prioriteitsregels moet gebruiken en met de developer tools kon ik mijn code makkelijk testen en verbeteren.
Link's:
Hier is een lijste met al de websites die ik heb gebruikt tijdens het schrijven van mijn code
Reflectie:
Het schrijven van de website in HTML ging deze keer vlotter en makkelijker dan in Labo 01. Maar het programmeren en toevoegen van de CSS was wel iets moeilijker en ingewikkelder. Gelukkig had ik hier al een beetje ervaring mee omdat ik al vaker voor mijn Home Assistant dashboard met CSS had geprogrammeerd.
Oplossing Labo 02