Labo 2 - CSS Leren
Doelstellingen van de opdracht
- Leren werken met selectoren
- Leren werken met specifity
- Leren werken met box model en box sizing
- Leren werken met font-family
- Leren werken met DOM
- Leren werken met margin en padding
Beschrijving
Tijdens dit labo heb ik een semantische HTML-structuur opgebouwd en een webpagina gemaakt met CSS
Ik leerde werken met normalize.css, Google Fonts, het box-model, containers en geavanceerde selectoren zoals combinators, pseudo-classes en attribute selectors.
Daarnaast maakte ik herbruikbare classes en utility-classes, optimaliseerde ik de navigatie en voegde ik responsive en toegankelijke stijlen toe, zoals hover- en focus-effects.
Het labo gaf me een beter inzicht in specificity, inheritance en het structureren van CSS voor herbruikbare en schaalbare front-end code.
Gerelateerde links
Reflectie
-
Wauw!
Het lukte me goed om de container aan te maken en hier gebruik van te maken.
-
Aauw!
Mijn child items en selectors gingen niet vanzelf. Hiervoor heb ik moeten kijken in mijn theorie.
-
Niet zeker?
Ik heb redelijk veel vragen gesteld aan de leerkracht aangezien ik nog niet wist wat alles deed.