Labo 02 – CSS
Doelen van de oefening
- Vlot tag-, class-, id- en pseudo-selectoren gebruiken.
- Tekst- en achtergrondkleuren toepassen.
- Herbruikbare classes maken.
- Gebruik en functie van normalize.css begrijpen.
- Inzicht in het box-model en box-sizing toepassen.
- Externe lettertypen toevoegen en fallback-font instellen.
- Stylesheets koppelen en selecties optimaliseren.
- CSS analyseren en debuggen met webdeveloper tools.
- Geavanceerde selectoren en prioriteitsregels toepassen.
Beschrijving
In dit labo hebben we een CSS-structuur opgezet voor een eenvoudige website. We oefenden met tag-, class-, id- en pseudo-selectoren, het toepassen van kleuren, herbruikbare classes en het gebruik van normalize.css. We hebben containers gebruikt om de inhoud te centreren en padding/margin toe te passen, en we hebben geleerd hoe we CSS-stijlen via een externe stylesheet koppelen en optimaliseren.
Geraadpleegde links
Reflectie
Wauw!
Ik heb geleerd hoe ik CSS-selectoren correct gebruik en hoe belangrijk het is om herbruikbare classes te maken.
Aauw!
Het toepassen van box-sizing en het correct instellen van padding/margin in containers vond ik uitdagend.
Niet zeker?
Ik twijfel nog soms bij het kiezen van geavanceerde selectors zoals combinators en adjacent sibling selectors.