Meer over Labo 2 – CSS deel1

Doel van het labo

oplossing Labo2

Wat ging goed

Het koppelen van een stylesheet aan mijn HTML lukte zonder problemen.
Basisopmaak zoals kleuren, lettertypes en tekststijlen toepassen ging vlot.
Werken met eenvoudige selectors (tag, class en id) was duidelijk.

Wat ging minder

Bij sommige elementen moest ik even zoeken waarom een CSS-regel niet werd toegepast (specificity).
Het verschil tussen margin en padding was soms verwarrend tot ik het boxmodel beter begreep.
Het juist kiezen van herbruikbare classes vroeg wat oefening.

Wat ging niet goed

Ik had af en toe typfouten in classnamen of selectors waardoor dingen niet meteen werkten.
Soms vergat ik dat een browserstijl nog invloed kon hebben, waardoor het er anders uitzag dan verwacht.

Bronnen

voor het oplossen van dit labo maakte ik gebruik van verschillende bronnen. Voor het leren over selectors en vallues gebruikte ik de voorziene pwp en liet ik chatgpt oefeningen maken om ervoor te zorgen dat ik goed mee was met het onderdeel specifity. Ook maakte ik gebruik van aangerade weblinks om snel verschillende snippets code te kunnen observeren in mijn eigen VScode "zandbak" te plakken en zo steeds stap voor stap de slides te leren. de gebruikte websites hiervoor waren "https://developer.mozilla.org/en-US/docs/Learn/CSS" alsook "https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Box_model" voor het begrijpen van het box-model aangezien dit cruciaal is voor het maken van een nette lay-out. Wat echter ook erg hielp was youtube al weet ik niet meer exact hoeveel videos en welke delen ervan ik heb gezien dit waren de belangrijkste.