Labo 02 - CSS
Doelstellingen van de oefeningen
- tag-, class-, id- en pseudo-selectoren gebruiken.
- tekst- en achtergrondkleuren toepassen.
- herbruikbare classes maken.
- gebruiken en begrijpenwat de functie van normalize.css is.
- Inzicht krijgen in het box-model en box-sizing property toepassen.
- externe lettertypen toevoegen en een fallback-font instellen.
- een stylesheet aan een HTML-pagina koppelen en selecties kunt optimaliseren voor herbruikbaarheid.
- CSS analyseren en debuggen met webdeveloper tools.
- gebruik maken van geavanceerde selectoren (zoals combinators en pseudo-classes)
- prioriteitsregels toepassen
Omschrijving van de oefening
Deze oefening draait rond het toepassen van CSS om een eenvoudige maar gestructureerde webpagina vorm te geven. je leert werken met verschillende selectoren (zoals tag-, class- en id-selectoren), Je moet ook normalize.css van github halen om consistente styling te garanderen.
Gebruikte websites/Tools
Reflectie
-
Wat ging goed?
- De basisstructuur maken in HTML
- De stylesheet linken aan de HTML-pagina
- Normalize.css toevoegen aan de HTML-pagina
- Het font van google halen en toepassen.
- De basis css structuur
-
Wat was lastig?
- De highlight klasse specifiek voor de footer
- (5.3)adjecent siblig selector
- (5.4) attribute selectors
- De klasse container-narrow.
-
Wat laat je twijfelen?
- De klasse container-narrow.
- Dat er geen conflict is in mijn stlesheet voor mijn ingestelde margins en paddings.
- Of ik de viewport width en height juist heb toegepast.